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

标签 jquery triggers click simulate

如果 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/

最佳答案

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

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

关于jquery - 模拟点击不起作用... jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12778000/

相关文章:

php - 使用 jquery ajax 将 javascript 对象转换为 php

php - 触发器无法识别表(触发器将 NEW.values 的内容分解为多行以插入到另一个表中)

javascript - d3 circle .on ("click") 事件未触发

ios - 按钮单击事件在 iOS 中被触发两次或更多次

javascript - 我如何在 Jquery UI datepicker 中更改日期格式

jquery - 在JQuery中,当document.ready启动时,如何确定DIV和我的显示器的 "LEFT"?

javascript - 如何隐藏高级元素?

sql - 防止任何表上的意外更新/删除

MYSQL : Error in Tigger

javascript - 自动点击链接事件