wordpress onClick問題

Question

即時通訊將我自制的幻燈片jQuery腳本整合到wordpress中。

到目前爲止，我瞭解到，您必須使用集成腳本wp_enqueue_script硬盤的方式，但現在我遇到我的上一個標籤FON的onclick運行我的功能，功能我用更改幻燈片等等，等等

在我自釀的幻燈片劇本我都包裹着我所有的jQuery代碼放到一個包裝

(function($) { // OPEN WRAPPER 
    // SCRIPTS 
})(jQuery); // CLOSE WRAPPER 

，以便更好地解釋我的問題這裏是一些理論上的虛擬代碼：

jQuery的幻燈片腳本：

(function($) { // OPEN WRAPPER 

$(window).load(function() { 
// INIT my slideshow 
}); 

function callJsFunction(num){ 
alert("function executed perfectly"+num); 
}; 

})(jQuery); // CLOSE WRAPPER 

HTML文件：

... 
<a href="#" onclick="callJsFunction(3); return false"> CLICK ME </a> 
... 

不管我嘗試在WordPress的3.7.x的血腥功能不會運行，任何想法，爲什麼這是行不通的，我GOOGLE的年齡但沒有？沒有找到答案，任何關於jQuery到WP的新手家庭醞釀的文章也將不勝感激：D

Answer 1

callJsFunction是另一個自我執行的函數範圍，它不在該函數的範圍之外，所以你可以如果從主播那裏打電話的話。

(function($) { // creates new scope (and BTW does not wait for DOM ready) 

    function callJsFunction(num){} // only available inside this scope 

})(jQuery); 

刪除內聯事件處理程序：

<a href="#" id="something_unique" data-num="3"> CLICK ME </a> 

和使用jQuery

jQuery(function($) { 
    $('#something_unique').on('click', function() { 
      var num = $(this).data('num'); 
      alert("function executed perfectly" + num); 
    }); 
});