JQuery点击功能和<a>-Tag horror</a>

时间:2011-09-22 17:12:01

标签: php jquery html codeigniter html-table

我有下表:

<table id="list_table" class="global" border="0" cellpadding="4" cellspacing="0">
<thead>
<tr>
<th>Grund</th><th>Von</th><th>Bis</th><th>Beschreibung</th><th></th></tr>
</thead>
<tbody>
<tr>
<td><select name="grund[1][1]">
<option value="krank">Krankheit</option>
<option value="urlaub" selected="selected">Urlaub</option>
<option value="sonstiges">Sonstiges</option>
</select></td><td><input name="von[1][1]" value="11.08.2011" onclick="displayDatePicker('von[1][1]')" type="text"></td><td><input name="bis[1][1]" value="16.09.2011" onclick="displayDatePicker('bis[1][1]')" type="text"></td><td><input name="beschreibung[1][1]" value="Blau machen" type="text"></td><td><a href="#" class="saveChangedEntry" uid="1" sid="1"><img src="images/save.png"></a> <a href="#" class="deleteEntry" uid="1" sid="1"><img src="images/delete.png"></a></td></tr>
</tbody>
</table>

我的JQuery是:

$('a[class*=saveChangedEntry]').click(function(event) {
    event.preventDefault();

    alert('That's it!');
});

所以如果我点击链接就没有任何反应;( 如果我以更直接的方式打电话给班级......即使这不起作用。

任何提示?

更新: 好吧,我没有想到它,你不知道。该表是由几个事件生成的,因此我认为我需要将live()函数添加到这些链接中。

3 个答案:

答案 0 :(得分:8)

alert('That's it!');

未正确转义:

alert('That\'s it!');

Example

答案 1 :(得分:1)

确保将代码包装在document.ready中。您放在警报中的文本也包含未转义的引用:

$(function() {
    $('a[class*="saveChangedEntry"]').click(function(evt) {
        evt.preventDefault();
        alert('That\'s it!');
    });
});

答案 2 :(得分:0)

好吧,也许我没有在这里得到问题,但我认为问题在于选择...

$(document).ready(function(){
   $("a.saveChangedEntry").click(function(evt){
       evt.preventDefault();
       alert("foo!");
   });
});

希望我能帮忙