jQueryのカスタム機能が拡張：ストアデータをDOM要素

Question

に私はこの簡単な関数この例では

$.fn.extend({ 

    initCustomFunction: function(){ 

     var obj = { // some data } 
     $(this).data('myObj', obj); // I want to attach obj to this element 

    }, 

    startCustomFunction: function(){ 

     var obj = $(this).data('myObj'); 

     // do something 

    } 
}); 

$('#myId').initCustomFunction(); 
$('#myId').startCustomFunction(); 

を持っているi「はstartCustomFunction」内「このmyobj」オブジェクトを取得することはできません。どうすればこの問題を解決できますか？特定の要素に対してInit関数を呼び出すと、現在のDOM要素にデータを添付したいと思います。

Answer 1

2つの関数定義の間にカンマが必要です。

$.fn.extend({ 
 

 
    initCustomFunction: function(){ 
 

 
     var obj = { foo: 'bar' }; 
 
     $(this).data('myObj', obj); // I want to attach obj to this element 
 

 
    }, 
 

 
    startCustomFunction: function(){ 
 

 
     var obj = $(this).data('myObj'); 
 
     $('#result').text(obj.foo); 
 

 
    } 
 
}); 
 

 
$('#myId').initCustomFunction(); 
 
$('#myId').startCustomFunction();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="myId"></div> 
 
<div id="result"></div>