javascript - 从另一个页面执行jquery函数？

Question

在我的页面上，我动态更新了一个由数据库填充的页面。你选择州和城市，他会告诉你城里有哪些商店。一些城市有相当广泛的商店列表，所以我需要一个滚动条。我正在使用 mCustomScrollbar。

为了让它工作，所以我称之为这个脚本：

<script>
    (function($){
        $(window).load(function(){
            $("#exibe_lojas").mCustomScrollbar({
                scrollButtons:{
                    enable:true
                },
                autoDraggerLength: false
            });
        });
    })(jQuery);
</script>

但是，由于我仍然没有内容，我必须在加载我的数据后调用它，而这是另一个 javascript 文件，它在数据库中进行查询，并将结果显示在一个 div 中。鉴于结果我这样做：

function stateChanged()
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    { 
        document.getElementById("exibe_cidade").innerHTML=xmlHttp.responseText
    }
}

我认为这是我放置滚动条功能的地方，但因为它在另一个文件中；我不知道怎么称呼它。你能帮我吗？

Answer 1

最明显的方法是将代码放入stateChanged方法中，但如果文件内容无法编辑，您可以监听 ID 为“exibe_cidade”的元素上的内容更改：

$( '#exibe_cidade' ).bind( 'contentchanged', function() {
    $("#exibe_lojas").mCustomScrollbar( {
        // your magic here
    } );
} );

Answer 2

尝试这个 ：

function stateChanged()
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    { 
        document.getElementById("exibe_cidade").innerHTML=xmlHttp.responseText;

        $("#exibe_lojas").mCustomScrollbar({
            scrollButtons:{
                enable:true
            },
            autoDraggerLength: false
        });
    }
}