jQuery / Coffee脚本中的数据属性

前端之家收集整理的这篇文章主要介绍了jQuery / Coffee脚本中的数据属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下表单代码
<input data-color="orange" id="vote_color_id_2" name="color" type="radio" value="2" />Orange
 <input data-color="blue" id="vote_color_id_3" name="color" type="radio" value="3" />Blue
 <input data-color="green" id="vote_color_id_4" name="color" type="radio" value="4" />Green

我在rails中使用Coffee脚本,现在我只是想提醒数据属性data-color的值.

这是我的咖啡脚本

jQuery ->
    $("input[name='color']").change ->
        color = this.data()
        alert color.color

编译后的jQuery看起来像这样:

(function() {

  jQuery(function() {
    return $("input[name='color']").change(function() {
      var color;
      color = this.data();
      return alert(color.color);
    });
  });

}).call(this);

但我一直收到这个错误

Uncaught TypeError: Object #<HTMLInputElement> has no method 'data'

解决方法

jQuery ->
    $("input[name='color']").change ->
        color = $(this).data()
        alert color.color

jQuery将其分配给触发回调的元素,但它永远不是jQuery对象.因此,如果要在其上调用jQuery方法,则必须将其包装起来.

原文链接:https://www.f2er.com/jquery/179038.html

猜你在找的jQuery相关文章