我正在建立一个手机间隙应用程序,并有一个应该显示模态的链接。
使用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();
}
在.show()之前的警报显示,但模式永远不会出现。
那是因为你的HTML上没有id
属性。你有一个data-id
属性。
试试这个:
function showModal(id) {
$('[data-id="'+id+'"]').show();
}