jquery - 模拟点击不起作用... jQuery

Question

如果 td 的类是“nee”，我尝试用 jQuery 模拟点击。不知何故，所有选项(例如触发器和文档就绪点击)都不起作用...

HTML:

<td align="center" class="one nee">
   <img class="img-swap" src="images/nee.png" alt="Aanwezigheid"/>
</td>

触发 Action :

    $(document).ready(function(){ 
          $('#some-id').trigger('click'); 
    });

HTML返回的图像是一个变量，标准值为“ja.png”。但一旦数据库中的该项设置为 no，图像就会更改为 nee.png。但是当它被触发时，我希望输入字段出现，就像我单击 ja.png 更改为 nee.png 时出现的那样。这是淡入的。单独它可以工作。但我无法模拟点击。

图像更改代码:

        $(document).ready(function(){
          $(".img-swap").click("click", function() {
            if ($(this).attr("class") == "img-swap") {
              this.src = this.src.replace("ja","nee");
            } else {
              this.src = this.src.replace("nee","ja");
            }
            $(this).toggleClass("ja");
          });
         });

淡入操作代码:

        $(document).ready(function(){       
            $(".nee").trigger("click");
            $("td.one").click("click", function(){
                
                if ($(this).parent().find("td.two, td.three").hasClass("toggled")){
                    $(this).parent().find("td.two").fadeOut(400);
                    $(this).parent().find("td.three").fadeOut(400);
                    $(this).parent().find("td.two").removeClass("toggled");
                    $(this).parent().find("td.three").removeClass("toggled");
                    
                } else {
                    
                    if ($(this).parent().find("td.three").hasClass("DoNotWant")){
                        $(this).parent().find("td.three").fadeOut(400);
                        $(this).parent().find("td.three").toggleClass("DoNotWant");
                    } else {
                        $(this).parent().find("td.three").fadeIn(400);
                        $(this).parent().find("td.three").toggleClass("toggled");
                    }
                    
                    $(this).parent().find("td.two").fadeIn(400);
                    $(this).parent().find("td.two").toggleClass("toggled");
                }                   
            });
            
            $("td.two").click("click", function(){
                
                if ($(this).parent().find("td.three").hasClass("toggled")){
                    $(this).parent().find("td.three").fadeOut(400);
                    $(this).parent().find("td.three").removeClass("toggled");
                    $(this).parent().find("td.three").toggleClass("DoNotWant");
                    
                } else { 
                    $(this).parent().find("td.three").fadeIn(400);
                    $(this).parent().find("td.three").toggleClass("toggled");
                    
                }
            });             
        });

有谁可以帮助我吗？

现场示例在这里: http://bryan.limewebsolutions.nl/

Answer 1

.click()是 .bind('click') 的快捷方式，因此您不必向函数提供事件类型(click)。

将您的 .click("click", function(){ 更改为 .click(function(){)，您的触发器应该可以正常工作。