ajax 调用后 jQuery Mobile 对话框不会关闭

Question

我有一个简单的 JQM (V 1.1.0) 列表视图，列表中的每个项目都附加了一个 ajax 调用。当用户点击其中一个列表项时，对话框后面的页面会更新为他们点击的项目。

问题是当用户点击列表项时对话框没有关闭。如果我在对话框标题中使用 (X) 关闭按钮，对话框将关闭并且对话框后面的页面已按预期更新。

这是我的代码：

$('body').on('tap', 'a.element', function(event) {

//START LOADING ANIMATION
$.mobile.showPageLoadingMsg();

//GET URL FROM MARKUP
bpm.url = $(this).attr('href');

$.get(bpm.url, 
    function(data, result) {
        if(result == 'success') {

            //STOP LOADING ANIMATION
            $.mobile.hidePageLoadingMsg();

            bpm.dataStorage = $(bpm.remoteAppDivName).html(data);


            bpm.dataStorage.trigger('create');


        }    
    },
    'html'
);

//PREVENT DEFAULT BUTTON BEHAVIOR
event.preventDefault();

});

提前感谢您对此提供的任何帮助！

Answer 1

您需要在您的result == 'success' 中调用$(<dialog element>).dialog('close');。

$.get(bpm.url, 
    function(data, result) {
        if(result == 'success') {

            //STOP LOADING ANIMATION
            $.mobile.hidePageLoadingMsg();

            bpm.dataStorage = $(bpm.remoteAppDivName).html(data);


            bpm.dataStorage.trigger('create');

            $('#dialogBox').dialog('close');
        }    
    },
    'html'
);

Answer 2

您实际上并没有告诉对话框在代码中的任何位置关闭，这就是它没有关闭的原因。 jQuery 不能假设仅仅因为您以某种方式与对话框交互，就希望它关闭...

尝试类似：

$.get(bpm.url, 
    function(data, result) {
        if(result == 'success') {

            //STOP LOADING ANIMATION
            $.mobile.hidePageLoadingMsg();

            bpm.dataStorage = $(bpm.remoteAppDivName).html(data);
            bpm.dataStorage.trigger('create');

            bpm.closest('.ui-dialog').dialog('close');
        }    
    },
    'html'
);