Question

当对网格的任何元素执行单击时，会打开一个ajax窗口，这个ajax div有一个包装器。

我想在元素.eg-ajax-a-button上调用点击事件，并将ajax-wrapper-on类添加到ajax-wrapper-off。该代码仅适用于第一个条目，如何使其适用于所有元素？他们都共享班级eg-ajax-a-button

我试过

var actionitem = document.querySelector('.eg-ajax-a-button')[0];

这是完整的代码：

  jQuery(document).ready(function( $ ) {

  var actionitem = document.querySelector('.eg-ajax-a-button');

  actionitem.style.cursor = 'pointer';

  actionitem.onclick = function() {
  $("#ajax-wrapper-off").addClass("ajax-wrapper-on");
  };

  });

我尝试使用Jquery版本作为评论员在评论部分中说混合jquery和js存在问题，我在这种语言的第一步中是这样的。试过，但没有工作

  jQuery(document).ready(function( $ ) {
     $(".eg-ajax-a-button").click(function() 
     {
       $("#ajax-wrapper-off").addClass("ajax-wrapper-on");
     };    
  });

Answer 1

尝试这样的事情

 $('.eg-ajax-a-button').on('click', function(){...}

Answer 2

如果您使用jQuery作为您选择的javascript库，您应该按照他们的文档来执行所有jQuery操作。

http://learn.jquery.com/using-jquery-core/

下面是你通常如何引导jQuery项目。

 $( document ).ready(function() {
    console.log( "ready!" );
    });

如果你选择的类或id的jQuery拥有它自己的内置选择器。

$( ".myClass" );

$( "#myId" );

http://learn.jquery.com/using-jquery-core/selecting-elements/

jquery用同一个类听所有元素

2 个答案: