jquery简单的onclick事件

时间:2015-05-15 09:21:21

标签: javascript jquery

var reminder = {
    id0: {
        id: 0,
        medId: 0
    }
};

var chart = {
    id0: {
        medId: 0,
        values: [[5,1]]
    }
}
var tmp = {};

for(var i = 0; i < 10; i++) {
    for (id in reminder) {
        tmp[id + i] = reminder[id];
        tmp[id + i].is = false;

        for(var j = 0; j < chart["id" + reminder[id].medId].values.length; j++) {
            if (chart["id" + reminder[id].medId].values[j][0] === i) {
                tmp[id + i].is = true;
            }
        }
    }
}

我想点击#picture事件来提醒某些消息,所以我添加了

<a aria-expanded="false" data-toggle="tab" href="#pictures">
   <i class="pink ace-icon fa fa-gift bigger-120"></i>
    Pictures
</a>

但这不起作用,我在firebug控制台中没有错误消息。 正确加载Jquery。

4 个答案:

答案 0 :(得分:4)

在你的html中没有ID pictures的元素,更改它,就像这样

&#13;
&#13;
$("#pictures").click(function(){
  alert('clicked!');               
});

// or use selector like this, if you can't change html
$('a[href="#pictures"').click(function(){
  alert('clicked!');               
}); 
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a aria-expanded="false" data-toggle="tab" href="#pictures" id="pictures">
   <i class="pink ace-icon fa fa-gift bigger-120"></i>
    Pictures
</a>
&#13;
&#13;
&#13;

<强>更新

此行中也有错误

$(document.ready(function() {

改变它

$(function() {
   // put your code
}); 

答案 1 :(得分:0)

您是否尝试在文档上设置点击处理程序?

jQuery(document).on('click',  '#pictures', function(e) {
     alert('clicked');
});

您还必须添加:

id="pictures"

在你的。或另一个选择器。

答案 2 :(得分:0)

如果您仍想在下面的代码

中使用href检查中的#picture
 jQuery(document).ready(function($) {
     $("a[href='#pictures']").click(function(){
         alert('clicked!');   
         return false;            
     });
 })

答案 3 :(得分:0)

试试这个Demo,甚至改变了一些标记。

$(document).ready(function() {
        $("#pictures").click(function(){
            alert('clicked!');               
        });
 })