Javascript 引导模式赢得'；不显示_Javascript_Jquery_Twitter Bootstrap_Twitter Bootstrap 3_Bootstrap Modal

Javascript 引导模式赢得'；不显示

javascript jquery twitter-bootstrap twitter-bootstrap-3

Javascript 引导模式赢得'；不显示,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,bootstrap-modal,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Bootstrap Modal,我正在尝试让引导模式工作。在index.php中，我有几个链接将加载PageOne.php和PageTwo.php页面在PageOne.php中，我试图使用#LinkToModal调用一个模态，但模态不会显示。我正在使用Chrome，当我点击按钮时，我甚至看不到控制台中有什么变化这是我的代码： index.php <html> <head>  <script src="

我正在尝试让引导模式工作。在index.php中，我有几个链接将加载PageOne.php和PageTwo.php页面

在PageOne.php中，我试图使用#LinkToModal调用一个模态，但模态不会显示。我正在使用Chrome，当我点击按钮时，我甚至看不到控制台中有什么变化

这是我的代码： index.php

  <html>
    <head>
        <!-- Javascript -->
        <script src="inc/bootstrap-assets/js/jquery-1.10.2.js"></script>
        <script src="inc/bootstrap-assets/js/bootstrap.js"></script>

        <script src="inc/js/functions.js"></script>


    </head>
    <body>

        <h2>Home</h2>

        <a href="" id="LinkToPageOne">Link To Page One</a>
        <a href="" id="LinkToPageTwo">Link To Page Two</a>
        <div id="Content">something</div>   

    </body>


<!-- BOOTSTRAP SCRIPTS -->
</html>

改变

$("#LinkToModal").click(function(){
            $("#Modal").modal("show");

    });

致：

由于您正在加载HTML ajax，因此需要使用

绑定事件。您的问题是，在页面尚未加载的情况下，您过早地将click handler分配给“#LinkToModal”load'函数通过AJAX加载“content”div中的html。因此，您应该在加载click处理程序后分配它。”load'函数提供一个回调，您可以在其中添加此处理程序

$(document).ready(function () {
    $("#LinkToPageOne").click(function () {
        $("#Content").load("inc/content/PageOne.php #PageOne",function(){
              $("#LinkToModal").click(function(){
                 $("#Modal").modal("show");

              });
        });
        return false;
    });
});

或

您可以使用“”函数分配click处理程序，该处理程序将把它添加到分配处理程序后添加的任何dom中。只需记住将其分配给期望的父级。例如：

$("#Content").on('click','#LinkToModal',function(){
            $("#Modal").modal("show");

    });

这是因为我的职业。它增加了不透明度：0到模态

你的意思是“…在（'click'，'#LinkToModal'…”？仍然没有更改，它不会显示模态，我在chrome控制台中看不到任何有关它的内容。@Joop尝试在click事件处理程序中放置断点，可以吗？或者在chrome中找不到脚本？@AmrElgarhy模态应该执行的位置我放置了一个警报（），以查看它是否与模态或我在函数中的放置方式有关。结果表明，它是模态，因为当模态被禁用时，警报框会显示。因此，函数可以工作，但它不会显示我的模态…虽然解释听起来似乎合理，但两种解决方案都不起作用。chrome工具栏c中没有模态和活动onsole。是否调试以检查是否至少连接了click hander？模态不显示可能是由于其他问题，可以调试。@Shaunak，是的，我正在通过放置警报（）进行调试在我调用我的模态的地方。警报的工作方式与预期的一样，但仍然没有模态。好的，很酷。所以我们现在知道，处理程序没有连接的问题现在已经解决了。至于模态没有出现的原因，可能是错误连接的引导。我建议，将模态HTML直接放在页面上，然后尝试调用模态tho呃，你的全局javascript，看看是否有效。。。。

$("body").on('click','#LinkToModal',function(){
            $("#Modal").modal("show");

    });

$(document).ready(function () {
    $("#LinkToPageOne").click(function () {
        $("#Content").load("inc/content/PageOne.php #PageOne",function(){
              $("#LinkToModal").click(function(){
                 $("#Modal").modal("show");

              });
        });
        return false;
    });
});

$("#Content").on('click','#LinkToModal',function(){
            $("#Modal").modal("show");

    });