爲HTML鏈接調用JavaScript函數

我正在嘗試使用JQuery，以便當用戶單擊HTML鏈接時，會調用我在JavaScript文件中編寫的函數。爲HTML鏈接調用JavaScript函數

<a href="#" id="advanced_options">Show advanced options</a>

而且

$(document).ready(function() { 

    $("#advanced_options").click(function() { 
    alert('hello'); 
    }); 

});

當我點擊鏈接，它沒有警惕，而是跳轉到另一個鏈接。這是爲什麼？

來源

2013-05-27 Mika H.

您正在加載jQuery嗎？檢查你的JS控制檯。 – Blender

是的，我的控制檯說我正在加載jQuery。 –

如果你不希望鏈接鏈接到頁面的頂部，那麼不要說'href =「＃」'。如果你想要一個按鈕，只是做了一些與JS，並不想鏈接到任何東西，然後使用一個實際的按鈕，而不是一個鏈接。 – Quentin

您必須阻止默認瀏覽器行爲：

$(document).ready(function() { 

    $("#advanced_options").click(function(event) { 
    event.preventDefault(); 
    alert('hello'); 
    }); 

});

來源

2013-05-27 19:46:20 moonwave99

如果您正在加載通過Ajax查詢的鏈接，所以它在頁面初始加載過程中不是在頁面上使用了jQuery的功能：http://api.jquery.com/on/

$(document).ready(function() { 

    $(document).on('click' , "#advanced_options" , function(event) { 
    event.preventDefault(); 
    alert('hello'); 
    }); 

});

來源

2013-05-27 19:53:17 DigitalLemming

爲HTML鏈接調用JavaScript函數

回答

相關問題