Jquery - 関数にパラメータを渡す

Question

"フライアウト"にする関数にIDを渡したいと思います。

私の基本コードは次のとおりです。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="target_anchor1" href="#" title="XXXXXXXXXX">test 1</a> 
 

 
<script type="text/javascript"> 
 
    $(function() { 
 
    $('#target_anchor1').flyout({ 
 
     title: '', 
 
     content: function() { 
 
     return document.getElementById('target_anchor1').title; 
 
     }, 
 
     html: true, 
 
     dismissible: true 
 
    }); 
 
    }); 
 
</script>

私は、動的にこれをしたいので、私は機能を試してみました。 関数はパラメータを取得しますが、フライアウトを作成しません。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="target_anchor1" href="#" title="XXXXXXXXXX" onclick="anchorFlyout(this.id)">test 1</a> 
 
<a id="target_anchor2" href="#" title="YYYYYYYYYY" onclick="anchorFlyout(this.id)">test 2</a> 
 
<a id="target_anchor3" href="#" title="ZZZZZZZZZZ" onclick="anchorFlyout(this.id)">test 3</a> 
 

 
<script type="text/javascript"> 
 
    function anchorFlyout(paramId) { 
 
    alert(paramId); 
 
    $('#' + paramId).flyout({ 
 
     title: '', 
 
     content: function() { 
 
     return document.getElementById(paramId).title; 
 
     }, 
 
     html: true, 
 
     dismissible: true 
 
    }); 
 
    } 
 
</script>

コードはhttp://www.jqueryscript.net/demo/Simple-Customizable-Tooltip-Popover-Plugin-Flyout

任意のアイデアから取られていますか？

Answer 1

ただ、通常の関数を作成し、その中にjqueryの文を持っている：

function anchorFlyout(paramId) { 
    $("#" + paramId).flyout({ 
     title: '',  
     content: function() { 
      return document.getElementById(paramId).title; 
     }, 
     html: true, 
     dismissible: true 
    }); 
}; 
anchorFlyout("target_anchor1") 

Answer 2

あなただけの「フライアウト」にそれをオンに関数にIDを渡すことができるようにしたいですか？

function createFlyout(elementID) { 
    $("#"+elementID).flyout({ 
     title: '',  
     content: function() { 
      return document.getElementById(elementID).title; 
     }, 
     html: true, 
     dismissible: true 
    }); 
} 

---

それとも、カスタムjQueryの関数を使用することができます...

$.fn.createFlyout = function() { 

    this.flyout({ 
     title: '',  
     content: function() { 
      return this.attr("title"); 
     }, 
     html: true, 
     dismissible: true 
    }); 

    return this; 
} 

$("#myDiv").createFlyout();