Question

您好我正在尝试将数组数据传递到jquery对话框并显示。我没有太多运气，我猜我的整个方法是错误的。非常感谢任何正确方向的指导。

<html>
<div id="confirm"></div>
</html>

<script>
var array_data = ["London", "NewYork", "Miami" , "LosAngeles"];

$('#confirm').html(array_data).dialog({
    autoOpen: false,
    modal: true,
    title: 'Confirmation message',
    buttons: {
          Submit: function () { //Do Something here };
          Cancel: function () { $(this).dialog("close"); }
    },
     width: 850, height: 300
}).dialog('open');

</script>

我无法弄清楚如何将数组对象传递给模态，然后逐个打印出数组值。

Answer 1

如果您打算在打开对话框时打印出数组值，则可以将打开的事件附加到对话框中。您可以查看：http://api.jqueryui.com/dialog/#event-open

所以在你的情况下，你可以这样做：

<html>
<div id="confirm"></div>
</html>

<script>
var array_data = ["London", "NewYork", "Miami" , "LosAngeles"];

$(document).bind("ready", function(){
$('#confirm').dialog({
    autoOpen: true,
    modal: true,
    title: 'Confirmation message',
    buttons: {
          Submit: function () { },
          Cancel: function () { $(this).dialog("close"); }
    },
     width: 850, height: 300,
     open: function(event, ui) {
        $(array_data).each(function(index, data){
           console.log(data);
        });
     }
});
});

</script>

Answer 2

绝对将数组传递给dailog将无法正常工作，因为它无法解释存储在其中的内容。尝试使用jQuery.each（http://api.jquery.com/jQuery.each）并提取每个元素并传递给逻辑。

如何将数组数据传递给jQuery对话框并显示？

2 个答案: