Jquery未在phone gap应用中执行显示

Question

我正在构建一个手机间隙应用程序，并有一个链接，应该是显示一个模式。

页面是使用js/jquery构建的，链接看起来像这样：

<a href="javascript:Void(0);" class="btn uploadPhotoBtn" data-id="' + id + '" data-user="' + user_id + '" data-name="' + obj.data.group_name + '">Upload Photo</a>

然后当点击时：

$(document).on('click', '.uploadPhotoBtn', function () {    
   //show modal....
   showModal('photo-upload');
});

和showModal()函数

function showModal(id) {
    alert(id);
    $('#' + id).show();
}

就在the.show()出现之前的警报出现了，但是模式没有出现。

Answer 1

这是因为您的HTML语言中没有id属性。您有一个data-id属性。

试着这样做：

function showModal(id) {
  $('[data-id="'+id+'"]').show();
}