테스트 사이트 - 개발 중인 베타 버전입니다

참 신기한 노릇입니다. 채택완료

진강산가재 3년 전 조회 3,501

제이쿼리로 검색어를 불러와 아작스에서 디비쿼리해서 

div에 뿌려주는 구문입니다.

 

아래에서 category3는 select옵션이구요.  $('#category3_id').change(function(e){}구문은 잘 수행됩니다.

아래에서  searchStrButton은 버튼이구요 hover이벤트를 하면 $('#searchStrButton').hover(function(e){

잘 수행됩니다.

 

문제는  이것을 클릭이벤트로 바꾸면 ($('#searchStrButton').click(function(e){)

div에 디비쿼리한 것이 잠깐 보였다가 그냥 사라집니다.

hover는 div에 디비쿼리한 것이 사라지지 않고 계속 보입니다.

즉 hover는 되는데 click은 안되네요.

뭐가 잘못되었나요?

꼬박 밤 새웠습니다. ㅠㅠ

 

<script>

$(document).ready(function(){

    $('#category3_id').change(function(e){

        var thisVal = $("#category3_id option:selected").val();

        var thisText = $("#category3_id option:selected").text()+" 여행 관광";

       addSeachList(thisText,1,100);

        });

    $('#searchStrButton').hover(function(e){

        var thisVal = $("#search_keyword2").val();

        var thisText = $("#search_keyword2").text()+" 여행 관광";

       addSeachList(thisVal,1,100);

      });

   })

</script>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

button type 의 디폴트값은 submit 입니다.

혹 폼안에 버튼이 들어가 있으면 submit 가 될 수 있으므로

<button type=button 어쩌구저쩌구...> 로 type 를 정확히 주셔야 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

자문자답

button 요소 때문인 것 같습니다.

아작스 보다

form전송을 하는 것 같아요.

다른 요소로 만들어 click해보니 되네요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인