Question

In an earlier question我制定了如何将object存储为properties的方法。现在，当properties通过某个事件但无法使其正常工作时，我正在尝试访问这些object：

<script language="javascript">
$(document).ready(function() {
    //create a TestObject
    function TestObject() {
      this.testProperty = "green";
    }

    //and an instance of it
    var testObject = new TestObject();

    //attach this instance to the div as a property
    var test;
    test = $('#test');//the div
    jQuery.data(test, "obj", testObject);

    //prove it worked and the TestObject is assigned
    alert(jQuery.data(test, "obj").testProperty);//works

    $('#test').click(TestClick);
    //test.click(TestClick); doesn't work either

    function TestClick() {
        alert($(this).attr("id"));//displays "test" - works
        alert(jQuery.data($(this), "obj").testProperty);
        //testProperty is null or not an object??
        //clearly TestObject is no longer attached to the div, why?
        //Or have I attached it the wrong way?    
        //alert(jQuery.data(this, "obj").testProperty); doesn't work either
    };
});
</script>
<body>
    <form id="form1" runat="server">
        <div id="test">Here is a test div</div>
    </form>
</body>

Answer 1

这将适合您，将其附加到元素，而不是作为对似乎稍微改变的元素的引用（这是一个不同的.data()调用，see here for info）：

$(document).ready(function() {
  function TestObject() {
    this.testProperty = "green";
  }

  var testObject = new TestObject();
  var test = $('#test').data("obj", testObject);

  alert(test.data("obj").testProperty);

  $('#test').click(TestClick);
  function TestClick() {
    alert($(this).attr("id"));
    alert($(this).data("obj").testProperty);
  };
});

Answer 2

//clearly TestObject is no longer attached to the div, why?

由于this会在此行alert(jQuery.data($(this), "obj").testProperty);返回您的函数上下文，因此您应该使用alert(jQuery.data($("#test"), "obj").testProperty);。

jQuery - 从传递给事件的另一个对象中访问对象属性

2 个答案: