Question

我有几个带有“link”类的输入字段。所有这些都应该启动jqueryUI对话框，这就是为什么我将方法绑定到类而不是单个id。现在的困难是我不能在第12行使用（this），因为这给了我对话框的身份而不是输入元素。

由于我是初学者，我不知道如何使用输入字段的元素将变量传递给此事件。

我要归档的是对话框应该从输入字段开始，并且应该将结果写回到该输入字段。


   1.     // this is the click event for the input-field class called "link"
   2.     $('.link')
   3.         .button()
   4.         .click(function() {
   5.             $('#dialog-form').dialog('open');
   6.         
   7.         });  
   8.    
   9.     //this is an excerpt from the opened dialog box and the write back to the input field
  10.     $("#dialog-form").dialog({
  11.                     if (bValid) {
  12.                         $('.link').val('' +
  14.                             name.val() + '');
  15.                         $(this).dialog('close');
  16.                     }
  17.    });

Answer 1

$('.link').button().click(function() {
  $('#dialog-form').data('clicked', $(this)).dialog('open');
});  

$('#dialog-form').dialog({
  if (bValid) {
    $('#dialog-form').data('clicked').val(name.val());
    $(this).dialog('close');
  }
});

Answer 2



$('.link').button().click(function() {
    $(this).addClass("selected-link");
    $('#dialog-form').dialog('open');
});


$("#dialog-form").dialog({
    if (bValid) {
        $('.link.selected-link').val('' + name.val() + '');
        $(this).dialog('close');
    }
});

Answer 3

$('.link').something()，使用类“link”将事件绑定到每个DOM节点。你错了你说的话。您仍然可以使用$(this)，因为它引用了激活的DOM节点，而不是与事件关联的类的集合。

得到（这个）不同的功能

3 个答案: