jQuery按类点击不起作用

9 浏览
0 Comments

jQuery按类点击不起作用

我在bootstrap中有以下的HTML代码：\n

                            
团队元数据

                        
                        

                        

                            
                            
                                
                                    
                                (输入页面标题)
                                
                                    
                                 (输入元页面描述)
                                
                                    
                                (输入元关键词)

\n该按钮具有类名\"add_meta_submit\"。在一个主要的div中有大约6个类似的bootstrap面板。每个面板也有自己的表单。我创建了一个非常简单的点击处理程序，如下所示。\n

$('.add_meta_submit').click(function(){
        alert("点击成功");
    });

\n这完全不起作用。如果我像这样通过id访问点击事件：\n$(\"#meta-submit\").click(function(){\n每次都可以正常工作。我无法使类事件起作用。我有6个具有非常相似数据的表单，我希望能够简单地捕获所有表单并将它们发送到同一个后端函数。基本上，我想从类点击开始函数，然后根据元素的id点击序列化表单并将其发送到后端。

0

2 答案

0 Comments

当使用jQuery的click事件绑定class时无效的原因是因为可能没有正确引入jQuery库。可以通过检查script src来确认是否正确引入了jQuery库。如果确认引入正确，可以尝试将class改为id来绑定事件。如果想继续使用class来绑定事件，可以给父级元素添加一个id，并使用该id来进行事件绑定。

解决方法如下：

$('#parent_id .yourclass').click();

通过使用id来绑定事件，可以排除jQuery库引入不正确的问题。感谢以上建议，我会在晚上尝试所有方法。

0
0 Comments

问题原因：代码中存在两次相同的class定义，这是错误的。

解决方法：移除其中一个class定义。

以下是修正后的代码：






    
 
        
Team Meta Data

    

    

    

        
        
        

            
            

                
            

            (Enter Page Title)
        

        

            
            

                
            

             (Enter Meta Page Description)
        

        

            
            

                
            

            (Enter Meta Keywords)

希望这样可以解决问题！

0