javascript - 调用 Jquery 对话框并传递消息字符串

Question

我想调用 JavaScript 函数并将一个字符串传递给它。我试过这种方式:

function dialog(a){              
    // Dialog           
    $(a).dialog({        
        width: 600,
        buttons: {
            "Ok": function() { 
                $(this).dialog("close"); 
            }, 
            "Cancel": function(event) { 
                $(this).dialog("close");
                event.preventDefault();
            } 
        }
    });

这是 JSF 按钮:

<h:commandButton value="Delete" action="#{SessionsController.deleteSelectedIDs}" 
                    onclick="dialog('Dialog Test')">
    <f:ajax render="@form" execute="@form"></f:ajax>
</h:commandButton>

当我尝试使用这种方式传递字符串时 onclick="dialog('Dialog Test')" 它不起作用。我该如何解决这个问题？

祝福

Answer 1

你可能想要这样的东西:

function dialog(a) {
    // Dialog           
    $("<div />", { text: a }).dialog({
        width: 600,
        buttons: {
            "Ok": function() {
                $(this).dialog("close");
            },
            "Cancel": function(event) {
                $(this).dialog("close");
                event.preventDefault();
            }
        }
    });
}

将文本包裹在 <div /> 中将包含对话文本 before 调用 dialog在上面。之前您向 jQuery 传递了一个无效的选择器，这就是什么都没有弹出的原因。

示例: http://jsfiddle.net/4extL/2/