javascript - data-XXX 没有返回它应该返回的内容。不断返回为未定义

Question

我正在运行以下 JavaScript:

$('.change-month').on('click', function(){
  if($(this).data('month') == true)
    show_last_month = true;
  else
    show_last_month = false;
  console.log($(this).html());
  $.post('index.php?module=MTDTransactions&action=esajaxContactData',
    { id: user_id,
      show_last_month: show_last_month }, 
    function(data){
        $('#transaction').html(data);
        // resizes IFrame
      var iFrame = window.parent.document.getElementById('dashboardContent');
      iFrame.style.height = iFrame.contentWindow.document.body.scrollHeight + 'px';
    });
});

$(this).data('month') 未定义。这是我的元素:

<button type="button" class="btn btn-lg btn-default MTDtransactions-filter-btn change-month" data-month="true" >This Month's</button>

哦，是的，我正在运行 jquery-1.11.0，上面的内容包含在 document.ready 函数中

Answer 1

jQuery 的 data() 方法仅在 DOM 中首次探索元素时从元素的 data-* 属性中提取存储的值。任何更改都不会受到监控。

如果您希望使用 jQuery 获取 data-month 值，可以使用 attr() 代替:

$(this).attr('data-month') == "true"