没有按钮点击的MagnificPopup
MagnificPopup without button click
本文关键字:MagnificPopup 按钮 更新时间:2023-09-26
我使用MagnificPopup来显示使用jQuery的get()
方法加载后的弹出窗口。当get()
调用完成时,我想在下面显示弹出窗口:
<div id="tagsearch-popup" class="panel panel-default mfp-hide">
<div class="panel-heading">Tag Search</div>
<div class="panel-body">
<div class="col-xs-12 no-padding">
Example
</div>
</div>
</div>
这是我正在使用的jQuery。
$.get(url, function (data) {
success: {
$("#recalculation-guid").html(data);
// Display popup now
}
});
然而,当我通过查看MagnificPopup示例时,我只能找到将弹出框绑定到按钮的示例。我想以编程方式创建它。
我如何使用MagnificPopup转换成上面的<div>
s没有按钮点击弹出?
有一个方法叫做open:
$.magnificPopup.open({
items: {
src: 'someimage.jpg'
},
type: 'image'
// You may add options here, they're exactly the same as for $.fn.magnificPopup call
// Note that some settings that rely on click event (like disableOn or midClick) will not work here
}, 0);
//and also close, if you're into that ;)
$.magnificPopup.close();
那么在你的代码中:
$.get(url, function (data) {
success: {
$("#recalculation-guid").html(data);
// Display popup now
$.magnificPopup.open({...});
}
});
这个例子可能会对您有所帮助:
$("a").click(function() {
alert("clicked");
// your instantiation
});
$("a").click();
您需要做的是触发您实例化MagnificPopup
的点击。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 多个单选按钮组相互干扰
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- Javascript按钮下拉列表
- jquery试图按名称获取按钮位置
- 漂亮照片图片库中的Facebook赞按钮
- 扩展移相器按钮类不工作
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 单击按钮以等待单击按钮
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何从querySelectorAll中获取按钮类型
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 按下按钮时保存cookie
- 是否可以禁用jquery中的单个单选按钮
- ASP.NET通过单击JavaScript按钮触发c#事件
- 当我点击jsf中的primefaces命令按钮时,如何获得点击事件
- 点击按钮输入不起作用
- 没有按钮点击的MagnificPopup