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

您上面的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 回答
0

谢谢 Rob 我不知道触发功能。我让它使用以下代码：

$.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 回答