为啥我的 simpledialog2 在我的 jQuery Mobile 代码段中不起作用?

Posted

技术标签:

【中文标题】为啥我的 simpledialog2 在我的 jQuery Mobile 代码段中不起作用?【英文标题】:Why is my simpledialog2 not working in my jQuery Mobile snippet?为什么我的 simpledialog2 在我的 jQuery Mobile 代码段中不起作用? 【发布时间】:2012-04-05 17:14:00 【问题描述】:

每次用户单击列表视图无序列表中的链接时,都会出现一个 simpledialog2 框。这是 simpledialog2 文档的链接。这是在 jQuery Mobile 应用程序中支持弹出框的流行方式。 http://dev.jtsage.com/jQM-SimpleDialog/demos2/index.html

但是,我的代码中没有显示任何对话框。为什么?

这个 Fiddle 包含我的代码。 http://jsfiddle.net/ykHTa/2/

这是我的 HTML。

<ul data-role="listview">
    <li><a href="#">foo</a></li>
    <li><a href="#">bar</a></li>
    <li><a href="#">baz</a></li>
</ul>​

这是我的 javascript

$(function() 

    // When user clicks on a list item, produce a dialogue/alert box.
    $('[data-role="listview"] a').click(function(event) 
        event.preventDefault();
        $('<div>').simpledialog2(
                mode: 'blank',
                headerText: "Popup title",
                headerClose: true,
                blankContent: 
                "My message to you."
        );
    );
);

【问题讨论】:

【参考方案1】:

大卫,您的 javascript 示例在此处缺少右括号:

       );
    ); // - close click binding
);

更新

通过将其添加到您的 simpledialog2 方法调用中,我得到了它在您的示例 (jsfiddle) 中的工作:

dialogForce: true,

基于此处的文档:http://dev.jtsage.com/jQM-SimpleDialog/demos2/dialog.html

希望这会有所帮助!

【讨论】:

谢谢,我没有注意到缺少的括号。真的,你认为我需要更多的设置?我想我包含了所有必要的标头 javascript 和 CSS 文件。 啊。实际上,这已经证明了代码中的一个错误 - SD2 假设(在这种情况下不正确)某处存在 ... 【参考方案2】:

尝试用函数调用替换调用?..我遇到了同样的问题,并且 在委托中调用函数似乎可以工作..

$(function()  
    // When user clicks on a list item, produce a dialogue/alert box. 
    $('[data-role="listview"] a').click(function(event)  
        event.preventDefault(); 
        fn();
    ); 
); 

function fn() 
    $('<div>').simpledialog2( 
        mode: 'blank', 
        headerText: "Popup title", 
        headerClose: true, 
        blankContent:  
        "My message to you." 
    ); 

... simpledialog2 ssem 在 ajax .success 处理程序中更好地工作????

【讨论】:

以上是关于为啥我的 simpledialog2 在我的 jQuery Mobile 代码段中不起作用?的主要内容,如果未能解决你的问题,请参考以下文章

为啥 jq --raw-output 参数无法从 @csv 输出中删除引号?

如何在我的 Jquery 中删除冲突?

为啥我的 PostBack 在我的 jQuery 点击事件之前发生?

为啥相同的代码在我的 BackGroundWorker 线程中比在我的 GUI 线程中慢得多?

为啥我的 IOCompetionCallback 从未在我的 IO 完成端口上执行?

为啥 xlsxwriter 在我的单元格开头写 '