使用jquery执行数据切换

Question

我有一个按钮切换自举模式.

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

我想用jquery函数做同样的事情.这可能吗？

Answer 1

使用您发布的简单代码:

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

除非你在javascript中编写代码,否则它不会显示模态对话框:

$("button").on("click", function(){
  $($(this).attr("data-target")).modal("show");
});

你将放入的内容data-target将打开一个id为对话模式的div.

要么

$("button").on("click", function(){
  $($(this).data("target")).modal("show");
});

Answer 2

给你的按钮ID并隐藏它:

CSS:

#btnTrigger
{
display:none;
}

HTML:

<button class="btn btn-primary btn-lg" id="btnTrigger" data-toggle="modal" data-target="#myModal">

在另一个事件或条件上,只需以编程方式单击它:

JQuery的:

$('#btnTrigger').click();

在结果中,将显示弹出窗口.

Answer 3

下面的代码对我有用,你可以在任何事件上调用这个函数

 <script type="text/javascript">
    $(document).ready(function () {
        ShowModel = function () {
            $("#myModal").modal();
        }
    });
</script>