2010-03-16 36 views
0

所以我有facebox設置,它的工作原理。當我加載一個帶有基於標籤的導航的外部頁面時(JQuery也),模式工作,但導航沒有。如果它不清楚,我實際上希望標籤在燈箱內。如果這可以改變任何東西,我也可以在lightbox裏面運行php/mysql。謝謝你的幫助。facebox與其他jquery它

這是原來的模態調用

<link href="facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/> 
<script src="facebox/facebox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function() { 
    $('a[rel*=facebox]').facebox() 
}); 

這是在頁面的腳本,模態對話框我在這裏可以調出

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $('#tabs').tabs(); 
     }); 
</script> 
<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Informations</a></li> 
     <li><a href="#tabs-2">Factures en attente</a></li> 
     <li><a href="#tabs-3">Marché en cours</a></li> 
    </ul> 
<div id="tabs-1"> one</div> 
<div id="tabs-2"> two</div> 
<div id="tabs-3">three</div> 
+0

你在php裏面運行php和mysql。哇!。不僅僅在開玩笑。 – jitter 2010-03-16 23:22:52

+0

我很不幸,它的工作狗gonnit;) – dakemz 2010-03-16 23:26:00

回答

0

沒有足夠的細節..模態標記/呼叫在哪裏?標籤引用的容器在哪裏?

查看源這裏的例子:

http://docs.jquery.com/UI/Tabs

如果你不使用的容器,標籤沒有什麼互動,並可能會出現無法正常工作。

編輯:

根據官方的文檔,這應該工作,加載了jQuery後:

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Tab 1 content</p> 
    </div> 
    <div id="tabs-2"> 
     <p>Tab 2 content</p> 
    </div> 
    <div id="tabs-3"> 
     <p>Tab 3 content</p> 
    </div> 
</div> 

您是否嘗試過確切的例子來看看它的工作原理?如果這不起作用,Facebox可能會以某種方式干擾。嘗試將它簡化爲最簡單的形式,而不需要進行很多操作,然後開始慢慢添加內容。

+0

感謝您的反饋凱文,我剛剛添加他們.. – dakemz 2010-03-16 23:14:47

+0

這似乎不工作要麼感謝您的幫助,我想我只是不得不在我的用戶界面找到一種解決方法,不要求在模態 – dakemz 2010-03-16 23:42:59

+0

阿賈克斯我只是做了什麼凱文建議。看到我的答案。最簡單的可能的設置與您發佈在您的問題 – jitter 2010-03-16 23:53:51

0

無法重現。在這裏做了一個簡單的演示http://jsbin.com/iposi3/2其中加載http://jsbin.com/uwoxe/2。請注意,加載的遠程頁面不是完整的HTML頁面是非常重要的,因此沒有html,head,body標籤或其他類似標籤,它將完全失敗。只顯示一個「html-fragment」。

要查看的代碼使用http://jsbin.com/iposi3/2/edithttp://jsbin.com/uwoxe/2/edit

作品只是在我的戲精。雖然facebox太小,不能很好地使用默認設置來顯示標籤。


您的問題,我記得(檢查my post on that)jQuery的這條有時從遠程加載內容的script標籤。但是,這似乎只適用於$.load哪個FaceBox沒有(它使用$.get遠程內容)。

哪個瀏覽器遇到問題?如果是IE,可能是IE在jQuery嘗試從遠程內容注入腳本標記時拋出「Permission Denied」錯誤。你有沒有檢查你的瀏覽器錯誤控制檯?

+0

的代碼完全相同我在firefox和oracle中嘗試過發佈的鏈接,他們不工作。 – dakemz 2010-03-17 00:35:59

+0

我的意思是說firefox和chrome .... – dakemz 2010-03-17 00:45:38

+0

?什麼瀏覽器版本。在Opera 10.10和FF 3.6中對我來說工作得很好。 Firefox屏幕截圖:http://img21.imageshack.us/img21/2871/firefoxop.jpg; Opera屏幕截圖:http://img36.imageshack.us/img36/5750/operaho.jpg – jitter 2010-03-17 01:14:57