2015-11-03 179 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