點擊選項卡上的火災事件

當觸發事件時，其中一個選項卡單擊...我使用jQuery Easy Tab插件....我想要的是顯示警報時選項卡與ID「＃sp_tab2」是點擊...在運動它與所有選項卡觸發，如果這樣做$（「＃sp_tab2」）。click（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......"); 
    });

來源

2013-06-24 toxic

如果您在某處使用.tab_map類，則可能會有衝突問題。添加id來貴麗標籤

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...."); 
});

來源

2013-06-24 13:05:00 khurram

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

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

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

我希望這會工作！檢查此Fiddle

來源

2013-06-24 12:56:05 pixelbyaj

感謝工程.... – toxic

點擊選項卡上的火災事件

回答

相關問題