javascript - 为什么我的 simpledialog2 在我的 jQuery Mobile 片段中不起作用？

Question

每次用户单击 ListView 无序列表中的链接时，都会出现一个简单的对话框。这是 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."
        });
    });
});

Answer 1

David，您的 javascript 示例在这里缺少右括号:

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

更新

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

dialogForce: true,

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

希望这对您有所帮助!