2012-10-18 260 views
0

我遇到了一個問題,點擊按鈕標籤上的點擊事件不會觸發。有幾個按鈕具有相同的類屬性,但這不應該影響JS,因爲類選擇器會影響所有匹配的元素。jQuery事件沒有觸發

整個html部分隱藏在頁面加載中,並在單擊特定鏈接時正確顯示,但單擊提交按鈕時不會觸發任何事件。也有人會友好,並鏈接到jquery,bootstrap.css和bootstrap.js的URL,如果你有它關閉,所以我可以嘗試在jsfiddle中創建所需的效果。非常感謝

HTML:

<span class="reply-comment" id="<?php echo $imagecomments[1][$i]['commentid']; ?>"> 
<div class="row-fluid"> 
    <div class="span11 offset1"> 
     <textarea class="<?php echo $imagecomments[1][$i]['commentid']; ?>" id="reply-textarea"></textarea><br> 
     <button class="btn btn-mini submit-reply-button" data-commentid="<?php echo $imagecomments[1][$i]['commentid']; ?>"><strong>Submit</strong></button> 
    </div> 
</div> 

JS:

$('.reply-comment').hide(); 
$('.submit-reply-button').click(function(e){ 
    e.preventDefault(); 
    var commentid = $(this).data('commentid'); 
    var reply = $(textarea.commentid).val(); 
    var filename = $('.mainimage').data('filename'); 
    var imgowner = $('.mainimage').data('imgowner'); 
    $.ajax({ 
     type: 'POST', 
     url: '?category=addimgcomment', 
     data: { 
      "commentid" : commentid, 
      "imgcomment" : reply, 
      "filename" : filename, 
      "imgowner" : imgowner 
     }, 
     success: function(data){ 
      $(textarea.commentid).val(""); 
      $('.'+commentid+'subcomments').html(data); 
     } 
    }); 
return false; 
}); 
+1

「會有人善待和鏈接URL的jQuery,bootstrap.css和bootstrap.js如果您有它附近,所以我可以嘗試創建jsfiddle中的期望效果「。沒有人爲你的問題付出努力吧? – j08691

+1

你在等'document.ready'嗎? –

+0

document.ready存在於文件中,並且文件中的其他所有內容都正常工作。我還說過,如果你靠近,就是簡單的複製粘貼。但你的權利,我應該自己查看它。 – user1683645

回答

2

你覺得$(textarea.commentid)是幹什麼的?

看看控制檯,我打賭有一個錯誤。它正在尋找一個名爲textarea的變量,其屬性爲commentid。那不是你所追求的。

你需要的是建立選擇串

$("textarea." + commentid).val() 
+0

謝謝。我怎麼會想念那個。 – user1683645