jQuery与data（）的奇怪问题

Question

我的代码看起来像那样

$(document).on("click", ".search-user", function (e) {
    var userID = $(this).data('id').toString();
     ...

在firebug中获取错误消息

TypeError: $(...).data(...) is undefined

奇怪的是，当我在初始化行之后立即提醒userID时，我得到了结果。

Answer 1

试试这个jsfiddle示例：

http://jsfiddle.net/et7mm2ov/

基本上，请删除.toString()

＆＃13;

＆＃13;

$(document).on("click", ".search-user", function(e) {
  var userId = $(this).data('id');

  alert(userId);
});

＆＃13;

<input type='button' value='test' class='search-user' data-id='hello' />

＆＃13;

＆＃13;

＆＃13;

Answer 2

尝试这样取得数据值

$(document).on("click", ".search-user", function (e) {
    var userID = $(this).attr('data-id').toString();
     ...