0

AJAX 呼び出しの結果を含むページをロードしたいのですが、これは正常に動作しますが、結果ごとに jQuery スライダーも必要です。静的 php ページを作成して結果を表示すると、コードは正常に動作します。しかし、結果を別のページにロードすると、スライダーが表示されなくなります。配置は機能console.log(s)し、スライダーが更新されていることがわかりますが、視覚的に実際のスライダーはありません。

使用する必要があることを言及している Stackoverflow に関するいくつかの投稿を見つけましたが.page()、jQuery のサイトでこれに関する情報を見つけることができませんでした。

AJAX リクエストを介して動的にスライダーを作成した経験のある人はいますか? より良い方法はありますか？

スライダーの使用は、カスタム オーディオ プレーヤー用です。

前もって感謝します。

編集：コードが追加されました

編集： $('.slider').slider();追加

編集:応答ページは必要ありません

メインページ：

function showInfoTracks(){
    ajaxConnection.onreadystatechange = function(){
        if (ajaxConnection.readyState == 4 && ajaxConnection.status == 200) {
AJAX RESPONSE               
        }
    }
    ajaxConnection.open("GET", "file.php, true);
    ajaxConnection.send();
}
4

2 に答える 2

1

コード.page()が無限ループを引き起こす可能性があります。これが、ログにロードし続け、結果を出さない理由です。

ここにリンクがあります。JQuery Mobile .page() 関数は無限ループを引き起こしますか?

于 2012-11-12T18:06:48.467 に答える
0

答えは、AJAX 応答セクションでスライダーを定義することになりました。

   $(document).ready(function() {

                $(document).on('mouseenter', '.playButton', function() {    
                    var newSliderID = this.id;
//Run this if so that you dont reload the same slider over and over again
                    if($("#sliderActivated"+newSliderID).val() == 0){
                        $("#sliderActivated"+newSliderID).val(1);
                        $( "#slider"+newSliderID ).slider({ 
                            animate: true ,
                            value: 0,
                            min: 0,
                            start: function( event, ui ) {
                                ...
                            },
                            slide: function( event, ui ) {
                                ...
                            },
                            stop: function( event, ui ) {
                                ...
                            }

                        });
                    }

                }); 
            });
于 2012-11-13T03:05:15.163 に答える