Question

我试图实现 - 当我点击链接 电影名称时，会调用getSummary函数并在中显示iframe.php数据摘要 div。以下代码有效，但是存在问题。摘要 div中的脚本（在本例中类似于datepicker）不会起作用（但是它们仍然在div中工作，而不是通过ajax制作）。我做错了什么？谢谢你看看！

的index.php ：

    <html>
        <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    ... other scripts ...

<script type="text/javascript">
    function getSummary(id)
    {
       $.ajax({

         type: "GET",
         url: 'include/iframe.php',
         data: "id=" + id, // appears as $_GET['id'] @ ur backend side
         success: function(data) {
               // data is ur summary
              $('#summary').html(data);
         }

       });

    }
    </script>
    </head>
        <body>

    <a href="javascript:void(0);" class="movie" onclick="getSummary(2)">Name of movie</a <br/>

    <div id="summary">Here is summary of movie</div>

        </body>
    </html>

包含/ iframe.php ：

<form class="form-horizontal">
              <fieldset>
                <div class="input-prepend">
                  <span class="add-on"><i class="icon-calendar"></i></span><input type="text" name="range" id="range" />
                </div>
              </fieldset>
            </form>

Answer 1

我认为你需要在将dom添加到文档后绑定事件监听器。或者替代地使用on binding而不是http://api.jquery.com/on/

Answer 2

您是否尝试过初始化datepicker插件？但是，如果您需要处理“click”之类的事件，则需要绑定它：$(elementcontainer).on("click","elementtoclick",function (){...})

AJAX - 脚本不起作用

2 个答案: