Question

我有2个HTML页面，每个页面都包含其jquery脚本。 A.html是一个滑动的右对接容器，它的jquery文件包含管理容器所需的所有功能。 B.html包含应显示的消息列表（它们可能很多），其jquery文件管理列表的所有功能。例如，列表允许滚动以查看所有消息。我需要将B.html文件加载到A.html中，然后，当我滚动A.html中的菜单元素时，能够滚动B.html文件中的列表

A.html文件：

<div id="menu"> 
    <a href="javascript:;" class="close"></a>

    <div id="list"></div>
</div>

<script type="text/javascript">
    $(function () {
        $("#list").load("B.html"); 

         $('#menu').scroll(function(){
            //need to call the scrolling function of b.HTML file
        });

    });
</script>

B.html文件：

   <script type=text/javascript>
        $(document).ready(function() {
            return $(this).scroll(function() {
              scrollfunction();
            });

       function scrollfunction(){
           //Perform actions ...
       }
   </script>

我该怎么做？

PS。我想留下分隔的文件，以便将A.html重用于其他范围。

Answer 1

您需要使用load()的成功回调，以便在插入新的html后调用新代码

$("#list").load("B.html", function(){
   /* new html exists now , do what is needed to it here*/

));

访问动态加载的html页面的元素

1 个答案: