jQuery獲取數據值屬性

Question

我現在嘗試過幾次更改代碼。 但是每次我得到NaN ...

$(window).load(function() {
    $('.ytdl').click(function() {
        var v = $(this).data('href');
        var f = $(this).data('format');

        alert(v + f);

    });
});


<a data-href="KMU0tzLwhbE" data-format="1" rel="nofollow" target="_blank" class="ytdl">Download</a>

但為什么？ 我已經嘗試過將數據更改為attr。 但是，這沒有用。

Answer 1

只需將load更改為ready

頁面的文檔對象模型（DOM）變得可以安全操作后，.ready（）方法提供了一種運行JavaScript代碼的方法。 這通常是執行用戶查看或與頁面交互之前所需的任務的好時機，例如添加事件處理程序和初始化插件。 當通過連續調用此方法添加多個函數時，它們在DOM准備就緒時便按照添加的順序運行。 從jQuery 3.0開始，jQuery確保在一個處理程序中發生的異常不會阻止隨后添加的處理程序執行。 -https://api.jquery.com/ready/

所以這是一個有效的演示https://jsfiddle.net/e89gh5Lk/

• document.ready是一個jQuery事件，它在DOM准備就緒時運行，例如，可以找到/使用所有元素，但不一定是所有內容。
• 加載圖像等時，window.onload會在稍后（或在最壞/失敗的情況下同時）觸發，因此，例如，如果您使用圖像尺寸，則通常要使用它。