2013-02-27 58 views
0

我试图实现 - 当我点击链接电影的名称,getSummary函数被调用,iframe.php数据在总结格所示。以下代码有效,但存在问题。在汇总 div脚本(如在这种情况下的日期选择器)将无法正常工作(但他们仍然工作在div中,而不是通过ajax)。我做错了什么?谢谢参观!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> 

回答

0

我认为你需要将事件侦听器绑定的DOM已被添加到后文件。或者替代地使用on绑定来代替http://api.jquery.com/on/

0

您是否尝试过重新获取数据插件插件? 但是,如果您需要处理“点击”等事件,则需要将其绑定:$(elementcontainer).on("click","elementtoclick",function(){...})