我怎么稱呼這個腳本？

Question

我有一個用於刪除記錄而不刷新的腳本。 我仍然不熟悉javascript，並試圖學習如何調用此腳本。 這就是我所擁有的。

我的按鈕：

<button id="<?php echo $rrr['id']; ?>" class="delbutton" onclick="">Delete</button>

我的Javascript：

<script type="text/javascript" >
    $(function() {

        $(".delbutton").click(function() {
            var del_id = $(this).attr("id");
            var info = 'id=' + del_id;
            if (confirm("Sure you want to delete this note? This cannot be undone later.")) {
                $.ajax({
                    type : "POST",
                    url : "delete-note.php", //URL to the delete php script
                    data : info,
                    success : function() {
                    }
                });
                $(this).parents(".record").animate("fast").animate({
                    opacity : "hide"
                }, "slow");
            }
            return false;
        });
    });

我在研究刪除而不重新加載的同時從別人那里借來了這段代碼。 通常我會看到一個函數看起來像這樣：

function myFunction()

然后我可以像這樣使用onclick來調用它：

onclick="myFunction()"

通過編寫此腳本的方式，我不確定應該調用哪個“函數”，或者不確定是否需要在該位置添加名稱。

任何指導或閱讀材料都將有所幫助。

謝謝

Answer 1

您無需在此處使用onclick ：

$(".delbutton")查找CSS類delbutton所有按鈕。

.click(function() { ... })表示單擊按鈕時執行給定的功能。

Answer 2

$(function() {

這意味着准備好文檔時，其中的所有內容都會被調用。

如UncleDave所說，由於.click，您的腳本應該已經稱為onclick。 如果替換此行，將是相同的：

$(".delbutton").click(function() {

用這一行：

function myOnClickFunction() {

然后通過onClick =“ myOnClickFunction（）”將其稱為onClick

Answer 3

click函數將作為事件處理程序的函數綁定到與傳遞給jQuery函數的選擇器匹配的所有元素的click事件上，該選擇器 別名為$ 。

（這取代了onclick屬性）

要調用該函數，只需單擊匹配的元素（屬於delbutton類的任何元素）。

您還可以使用trigger方法以編程方式觸發事件：

$(".delbutton").trigger("click");

Answer 4

$(".delbutton").click(function()正在偵聽任何單擊以觸發操作，該操作就是函數中的代碼。

您不需要onclick=""作為button標簽。

Answer 5

我怎么稱呼這個腳本？

您已經做過，它是自我執行的。

您無需將單獨的click事件注冊到按鈕。 該腳本本身已經在執行此操作。

$(".delbutton").click(function() {
// code being executed when button is pressed
}

Answer 6

如果要按照慣常的方式進行操作，只需在標記中創建函數，如下所示：

<script>
function myFunction() {
  // do something
}
</script>

然后，您的HTML元素應如下所示：

<button onclick="myFunction()" >