0

私のページでは、データベースによって入力されたページを動的に更新します。州と都市を選択すると、彼はその町で利用できる店舗を教えてくれます。一部の都市には、かなり広範な店舗リストがあるため、スクロール バーが必要です。mCustomScrollbar を使用しています。

それが機能するために、このスクリプトを呼び出します。

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

しかし、まだコンテンツがないので、データを読み込んだ後にそれを呼び出す必要があります。これを行うのは、データベースでクエリを作成し、結果を div に表示する別の JavaScript ファイルです。結果を考慮して、私はこれをやっています：

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

スクロールバーの機能を配置した場所はここだと思いますが、別のファイルにあります。呼び方がわかりません。手伝ってくれますか？

4

2 に答える 2

0

最も明白な方法は、コードをstateChangedメソッドに配置することですが、ファイルのコンテンツを編集できない場合は、ID「exibe_cidade」を持つ要素のコンテンツの変更をリッスンできます。

$( '#exibe_cidade' ).bind( 'contentchanged', function() {
    $("#exibe_lojas").mCustomScrollbar( {
        // your magic here
    } );
} );
于 2012-08-11T00:36:33.083 に答える
0

これを試して ：

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

        $("#exibe_lojas").mCustomScrollbar({
            scrollButtons:{
                enable:true
            },
            autoDraggerLength: false
        });
    }
}
于 2012-08-11T00:39:54.493 に答える