2012-10-18 6 views
0

버튼 태그에 할당 된 클릭 이벤트가 클릭시 실행되지 않는 문제가 발생했습니다. 클래스 속성이 같은 버튼이 여러 개 있지만 클래스 선택기가 일치하는 모든 요소에 영향을주기 때문에 JS에 영향을주지 않습니다.jQuery 이벤트가 실행되지 않음

전체 HTML 부분이 페이지로드시 숨겨져 있고 특정 링크를 클릭하면 제대로 표시되지만 제출 버튼을 클릭하면 이벤트가 시작되지 않습니다. 또한 누군가가 친절하고 jquery, bootstrap.css 및 bootstrap.js에 대한 URL을 연결하면 jsfiddle에서 원하는 효과를 만들려고 할 수 있습니다.

<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 : $(textarea.commentid)을하고있다

$('.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

는 "사람이 친절 것 선택기 문자열을 구축하고 당신이 너무 가까이 내가 만들려고 할 수있는 경우 JQuery와, bootstrap.css 및 bootstrap.js의 URL을 링크하는 것입니다 jsfiddle에서 원하는 효과 ". 귀하의 질문에 노력을 가하는 사람이 아닙니다. – j08691

+1

'document.ready'를 기다리고 계십니까? –

+0

document.ready가 파일에 있고 파일의 다른 모든 항목이 올바르게 작동하고 있습니다. 또한 간단한 복사 붙여 넣기로 마무리했다면 말했습니다. 하지만 당신의 권리는 제 자신을보아야합니다. – user1683645

답변

2

당신은 어떻게 생각하십니까 많은

HTML을 의무?

콘솔을 살펴보면 오류가있을 것입니다. commentid 속성을 가진 textarea라는 변수를 찾고 있습니다. 그것은 당신이 겪은 것이 아닙니다. 당신이 원하는 무엇

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

고맙습니다. 어떻게 그럴 수 있겠 어. – user1683645

관련 문제