![]() ![]() ![]() ![]() |
|||||
|
|||||
樓主 lifish ![]()
![]() |
當點選section4_btn_01時,會跳出燈箱popup,內容全放在 popup_content 的 div 內。接著,在popup有一個casemenu,當點選Topic One時,會load case.html的#case01 (Div),當點選TopicTwo時,會load case.html的#case02 (Div)。 問題: 目前在popup內casemenu點擊<li></li>皆無作用,若移除燈箱popup,則可以正常load case.html的Div,且正常切換。 想請問是麼原因? 如何讓casemenu在燈箱popup點擊<li></li>可正常切換? 麻煩解惑,謝謝!! 程式碼如下: <pre lang="javascript"> // js //popup $('#darkbox').append('<div class="close_btn"></div>') $('.pop_button').click(function(){ popContent = $(this).find('.popup_content').html(); $('#darkbox .darkbox_content').html(popContent); $('#darkbox').fadeIn(300); }); $('#darkbox .darkbox_content') $('#darkbox .darkbox_content').hover(function(){ $('#darkbox').unbind('click'); },function(){ $('#darkbox').bind('click',function(){ $(this).fadeOut(300); }); }); $('#casemenu li').click(function(){ var menuIndex = $(this).index(); if(menuIndex==0) $("#casecontent").load("case.html #case01"); else if(menuIndex==1) $("#casecontent").load("case.html #case02"); else if(menuIndex==2) $("#casecontent").load("case.html #case03"); });> </pre |