我有奇怪的问题。我在 Jquery 中制作了弹出框。当它出现时,它背后有一些链接。当我关闭它时,我无法单击此链接。就像这个弹出窗口被隐藏了,我们看不到它,但它仍然在那里,它阻止了这个链接的“方式”......
我关闭弹出窗口的脚本:
$(document).on("click",".close", function(){
$("#add-users-from-emails-btn").popover('hide');
});
弹出框:
$("#add-users-from-emails-btn").popover({
placement: "bottom",
title: '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> {{'user.index.enter_users_emails_each_rows'|trans|raw}}',
html: true,
content: $("#add-users-from-emails-popover")
}).on('show.bs.popover', function(){
$("#add-users-from-emails-popover").removeClass("hidden");
}).on('shown.bs.popover', function(){
$("#add-users-from-emails-popover textarea").focus();
});
形式:
<form id="add-users-from-emails-popover" class="hidden clearfix" style="width: 300px;" method="post" action="{{path('adm_user_addusersfromemails')}}">
<select name="business" class="form-control">
<option class="empty" value>{{'empty_value'|trans({},'app')}}</option>
{% for b in business %}
<option value="{{b.id}}">{{b.businessName}}</option>
{% endfor %}
</select>
<textarea name="emails" style="margin-top: 10px" rows="5" class="form-control" style="max-width: 300px;"></textarea>
<button type="submit" style="margin-top: 10px" class="btn btn-default btn-xs pull-right" id="save-users-from-emails-btn">{{ 'user.index.add_users'|trans }}</button>
</form>
我做错了什么?;-)
问题解决了关闭弹出窗口的正确脚本:
$(document).on("click",".close", function(){
$("#add-users-from-emails-btn").click();
});