2015-11-03 147 views
-2

你好我试图添加一个事件监听器到使用js的输入按钮,但它不起作用。输入按钮的事件监听器

这里是我的html代码:

<div class="cc-controls u-clearfix"> 
    <input class="primary confirm js-add-card" type="submit" value="Add"> 
    <a class="icon-lg icon-close dark-hover js-cancel" href="#"></a> 
    <a class="cc-opt icon-lg icon-dropdown-menu dark-hover js-cc-menu" href="#"></a> 
</div> 

我的js代码:

$(document).ready(function() { 
    $('.js-add-card').click(function() { 
     alert('hello'); 
    }); 
}); 
+0

什么的平均值不工作。??任何错误? jquery包括?? –

+0

请看这里:https://jsfiddle.net/eugensunic/kd9s6L3y/ –

+0

它不会被解雇。而且,当我检查页面时,此事件侦听器未放置在点击事件侦听器列表中。 – PHG

回答

0

你可以试试这个:

$(document).ready(function() { 
    $('input[class*=js-add-card]').click(function() { 
     alert('hello'); 
    }); 
}); 

http://jsfiddle.net/rjLrmhL2/

+3

我看不到此代码和OP代码之间的区别 –

+0

OP代码使用类(。)选择器定位元素,上面的代码使用包含选择器进行定位。 – DinoMyte

+0

你的代码给了我一些提示。我尝试了输入[值=添加]这是有点不同于你的代码。有效。谢谢 – PHG