將變量傳遞給一個Jquery函數

Question

我想將一個按鈕的內容傳遞給一個Jquery函數。

我的腳本使用 「斯蒂芬旺格的JBox插件」，這是特殊的創造我彈出..

我的按鈕代碼：

<div class="imagehelp" id="imaint_help"> 
    <div onClick='javascript:clickMeImage()'> 
    <div class="detailButton" id="TrafficM1"> 
    <a href="#?Record=<?php echo $row_m['RecordID']; ?>"><img src="nav/trafficeDetail_button.png" width="91" height="59" /></a> 
    </div> 
    </div> 
</div> 

我的jQuery函數：

function clickMeImage() { 
var record = "<?php echo $_GET['Record'];?>"; 
console.log(record); 
new jBox('Modal', { 
    attach: '.imagehelp', 
    width: 1000, 
    height: 500, 
    title: 'Traffic detail', 
    theme: 'TooltipBorder', 
    closeButton: 'title', 
    draggable: 'title', 
    trigger: 'click', 
    animation: 'false', 
    position: { 
    x: 'center', 
    y: 'center', 
    }, 
    offset: {x: 15, y: -10}, 
    onCloseComplete: function() { 
    this.destroy(); 
    $('#jBox-overlay').remove(); 
    }, 
    ajax: { 
    url: 'traffic_detail.php?RecordID=record', 
    reload: 'strict' 
    } 
}); 
} 

許多在此先感謝您的時間。

Answer 1

你從父元素觸發你的功能。我應該去是這樣的：

<?php 
$row_m['RecordID'] = "something"; 
?> 
<div class="imagehelp" id="imaint_help"> 
    <div onClick='javascript:clickMeImage("<?php echo $row_m['RecordID']; ?>")'> 
     <div class="detailButton" id="TrafficM1"> 
      <img src="nav/trafficeDetail_button.png" width="91" height="59"/> 
     </div> 
    </div> 
</div> 
<script> 
    function clickMeImage(mydata) { 
     alert(mydata); 
    } 
</script> 

，如果你想保持錨，你可以使用一個屬性：「？按鈕內容點擊」

<?php 
$row_m['RecordID'] = "other-something"; 
?> 
<div class="imagehelp" id="imaint_help"> 
    <div onClick='javascript:clickMeImage()'> 
     <div class="detailButton" id="TrafficM1"> 
      <a href="#" data-record="<?php echo $row_m['RecordID']; ?>"> <img src="nav/trafficeDetail_button.png" width="91" height="59"/></a> 
     </div> 
    </div> 
</div> 
<script> 
    function clickMeImage() { 
     var el = document.querySelector('a'); 
     var mydata = el.getAttribute('data-record') 
     alert(mydata); 
    } 
</script>