AJAX -脚本不工作

Question

我正在尝试实现-当我点击电影的链接名称，getSummary函数被调用，iframe.php数据显示在摘要div中。下面的代码可以工作，但是有一个问题。总之，div脚本(在本例中是datepicker )不能工作(但是它们仍然在div中工作，因为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>

include/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绑定代替http://api.jquery.com/on/

Answer 2

你试过重新启用数据采集器插件吗？但是，如果您需要处理诸如“单击”之类的事件，则需要绑定它：$(elementcontainer).on("click","elementtoclick",function (){...})