2

AJAX から返された Jquery モバイル ポップアップ HTML コードに問題があります。これは、mysql データベースからテキストと画像のリンクを取得する php ページを呼び出すモバイル アプリに必要です (これらは常に変化します)。

私はこのjfiddleに基づいてコードを作成しました: http://jsfiddle.net/wbfqy/

そして、AJAX から返されたときに同じコードが機能しないのは次のとおりです: http://jsfiddle.net/NF2jz/4392/

$.ajax({
    url: '/echo/html/',
    data: {
        html: '<div data-role="content"><a href="#TEST_about" data-role="button" data-rel="popup">Popup</a><div data-role="popup" id="TEST_about" data-theme="d" ><a href="#" data-rel="back" data-role="button" data-theme="d" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img src="http://www.illinoisci.com/files/cellphone.gif" width="157" height="88" class="popphoto" /></div></div>'
    },
    type: 'POST',
    success: function(msg)
    {       document.getElementById("target").innerHTML=msg;
    }              
});

これに対する解決策はありますか？

ありがとう。

4

2 に答える 2

0

トリガー機能について知らなかったロブに感謝します。次のコードで動作するようになりました。

$.ajax({
    url: '/echo/html/',
    data: {
        html: '<div data-role="content"><a href="#TEST_about" data-role="button" data-rel="popup">Popup</a><div data-role="popup" id="TEST_about" data-theme="d" ><a href="#" data-rel="back" data-role="button" data-theme="d" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img src="http://www.illinoisci.com/files/cellphone.gif" width="157" height="88" class="popphoto" /></div></div>'
    },
    type: 'POST',
    success: function(msg)
    {       
     $('#target').html(msg);
     $('#target').trigger('create');
    }              
});
于 2013-08-29T09:26:56.313 に答える
0

上記のdataキーは、PHP スクリプトに送信するデータです。

したがって、後でポップアップを挿入するには、以下のように追加します。msgただし、今のところ、特定のものを送信したり、受信したパラメーターで何かを行ったりしていないことに注意してください。

$.ajax({
    url: '/echo/html/',
    data: {
        someParam1: 'someValue1',
        someParam2: 'someValue2',
    }
    type: 'POST',
    success: function (msg) {
        popupHTML = '<div data-role="content"><a href="#TEST_about" data-role="button" data-rel="popup">Popup</a><div data-role="popup" id="TEST_about" data-theme="d" ><a href="#" data-rel="back" data-role="button" data-theme="d" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img src="http://www.illinoisci.com/files/cellphone.gif" width="157" height="88" class="popphoto" /></div></div>';
        //insert the  popupHTML into the target
        $('#target').HTML(popupHTML);
        // then trigger the create event to make jQM markup the insert html properly and attach the correct events etc.
        $('#target').triggert('create');
    }
});

より詳しい情報：

jQuery アヤックス

jQMトリガー

于 2013-08-28T15:24:46.723 に答える