클릭 이벤트에 화재 발생

Question

탭 클릭 중 하나가 발생하면 문제 발생 ... jQuery Easy Tab 플러그인 사용 중 ... "# sp_tab2"라는 ID가있는 탭이 표시되면 알림 만 표시됩니다. 클릭하면 ... 모든 탭으로 실행되는 동작에서 클릭 한 다음 $ ("# sp_tab2")를 클릭하면 (function() {..} 이 작동하지 않습니다. http://os.alfajango.com/easytabs/#advanced-demo 미리 감사드립니다. ...

<div id="selectPropertyTab" class="tab-container"> 
    <ul class="etabs"> 
     <li class="tab tab_description"><a href="#sp_tab1"><img id="tab_description_icon" src="../Icons/property_info_G.png"/>Description</a></li> 
     <li class="tab tab_map"><a href="#sp_tab2"><img id="tab_map_icon" src="../Icons/property_map_icon_G.png" />Map</a></li> 
     <li class="tab tab_area_kn"><a href="#sp_tab3"><img id="tab_area_kn_icon" src="../Icons/property_direction_icon_G.png" />Area Knowledge</a></li> 
    </ul> 

       <div id="tab_data"> 
        <div id="sp_tab1"> 
        display the property details 
        </div> 

        <div id="sp_tab2"> 
        <div id="map_canvas" style="width:61.4em; height:400px;"></div> 
        </div> 

        <div id="sp_tab3"> 
        display property area knowledge 
        </div> 
       </div> <!--end tab_data--> 


</div> <!--end selectPropertyTab--> 

jQuery를 ....

$(function() { 
     $("#selectPropertyTab").easytabs(); 
    }); 

    $("#selectPropertyTab").bind('easytabs:after', function() { 

     alert("tab no 2 is clicked......"); 
    }); 

Answer 1

당신이 가질 수있는 충돌 문제를 확인합니다. 당신의 리튬 태그

HTML

<li id="map_canvas_tab" class="tab tab_map"><a href="#sp_tab2"><img id="tab_map_icon" src="../Icons/property_map_icon_G.png" />Map</a></li> 

JQuery와에 작동

$("#map_canvas_tab").on("click", function() { 

    alert("tab no 2 is clicked...."); 
}); 

Answer 2

$(function() { 
    $("#selectPropertyTab").easytabs(); 
}); 

$(".tab_map").on("click",function() { 

    alert("tab no 2 is clicked......"); 
}); 

,536,

나는 희망한다! 당신이 어딘가에 클래스를 .tab_map 사용하는 경우이 Fiddle