2011-07-03 29 views
0

我正在努力與我認爲將是一個相當簡單的jQuery功能。我有一段文字,裏面有「commentreply」類。我試圖創建一個jQuery的功能,直接在用戶可以用來回複評論的文本下插入一個表單。難以按jQuery選擇類(爲了插入HTML)

出於某種原因,我不能爲了我的生活而讓jquery選擇「commentreply」類來通過點擊操縱DOM。

<script type="text/javascript"> 
$(document).ready(function(){ 
$(".commentreply").click(function(){ 
$(this).html("the form code would go here"); 
} 

} 
</script> 

<span class="commentreply">Reply</span> 

這是否有意義?這看起來很簡單,但我一直在做一些小的改動,試圖讓這件事情現在工作3.5個小時。

回答

3

你缺少你周圍的事件處理程序(clickready)右括號功能:

$(document).ready(function(){ 
    $(".commentreply").click(function(){ 
     $(this).html("the form code would go here"); 
    }); 
}); 

注意在最後2行右括號。另外請注意,我在這些行的末尾添加了一個分號 - 它將在沒有它們的情況下工作,因爲您擁有它,但最好包含它們。除此之外,它應該可以正常工作。

+0

@bill你使用Firebug或任何其他瀏覽器的開發工具?它可以幫助您避免這些簡單的語法錯誤。 – 2011-07-03 15:20:01

+0

是的,我使用螢火蟲。但說實話,我還沒有想出如何使用它的JavaScript。我一直在使用php大約一年,但我剛剛進入JavaScript/jQuery的世界。 – billmalarky

+0

@詹姆斯,是的,這是正確的,代碼現在工作謝謝。 – billmalarky

0

這個工作對我來說:

$('#id a').live('click',function(){ 
    $(this).html("the form code would go here"); 
});