2

我已经完成了一个 jquery UI 对话框，它可以工作，但我需要将 a 标签（名称）的值传递给按钮的 jquery，但一直在寻找和尝试许多不同的东西，但什么也没做:(

我得到了什么：

一个标签（由 PHP 填充的值）：

<a href="#" class="name">'.$name.'</a>

html div：

<div id="name" title="view or send this user a message?"></div>

jQuery：

$(document).ready(function() {
  $(function() {
    $( "#name" ).dialog({
      autoOpen: false,
      width: 500,
      show: {
        effect: "fold",
        duration: 500
      },
      hide: {
        effect: "explode",
        duration: 500
      },
      buttons: {
                    //Names need to go here as part of the buttons
        "Send " + $(this).data('name') + " a message": function() {
          $( this ).dialog( "close" );
        },
        "view " + $(this).data('name') + "profile ": function() {
          $( this ).dialog( "close" );
        }
      }
    });

    $( "a.name" ).click(function() {
    //Pass name to form
    $("#name").data('name', $("a#name").text());
    $( "#name" ).dialog( "open" );
  });
});

});

所以我需要从 a#name 中获取名称，然后我尝试了 .text()。到 jquery 用于按钮。

谢谢你的帮助 ：）

4

2 回答 2

3

您在创建对话框时遇到了很多问题，请尝试这种方式。

data('name')您在创建按钮时在对象属性中进行连接，这是无效的语法，并且在初始化期间它不存在时尝试访问。而是在需要时创建按钮，即在对话框显示之前，当您单击超链接时，您知道name需要附加到按钮的内容是什么。

小提琴

 $(function () { // Same as document ready. only one of them is needed. No need to chain them

    var dial = $("#name").dialog({
        autoOpen: false,
        width: 500,
        show: {
            effect: "fold",
            duration: 500
        },
        hide: {
            effect: "explode",
            duration: 500
        }
    });

   $("a.name").click(function () {
     //Pass name to form
     var name = $(this).text();
     dial.dialog({
        buttons: getButtons(name),
        autoOpen:true
     })
   });
});

function getButtons(name) {
    var dialog_buttons = {}; //Create the buttons here.
    dialog_buttons["Send " + name + " a message"] = buttonCallBack; //set the call back.
    dialog_buttons["view " + name + " profile"] = buttonCallBack; // assign different call back if required
    return dialog_buttons;

}

function buttonCallBack() {
    $(this).dialog("close");
}
于 2013-05-28T22:06:47.933 回答
1

您的a标签选择器错误。改变

$("#name").data('name', $("a#name").text());

至

$("#name").data('name', $('a.name').text());
于 2013-05-28T21:44:14.487 回答