All geek questions in one place

JQuery - access to the properties of an object from another object that was passed to the event

In an earlier question, I developed how to store objecthow properties. Now I'm trying to access those propertiesthat are objectpassed through an event, but cannot make it work:

<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>
+3
source share
2 answers

This will work for you, attach it to an element, and not as a link to an element that seems to change a bit (this is another call .data(), see here for information ):

$(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);
  };
});
+2
source 
//clearly TestObject is no longer attached to the div, why?

this alert(jQuery.data($(this), "obj").testProperty);, alert(jQuery.data($("#test"), "obj").testProperty);.

+1

Source: https://habr.com/ru/post/1734871/

More articles:


All Articles