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
        });
    }
}

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

2 个答案: