所以我有facebox设置,它的工作原理。当我加载带有基于选项卡的导航的外部页面(也是JQuery)时,模态可以工作,但导航没有。如果不清楚我实际上希望标签位于灯箱内。如果可以改变任何东西,我也会在灯箱内运行php / mysql。谢谢你的帮助。
这是原始的模态调用
<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 :(得分: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可能会以某种方式干扰。尝试将其简化为最简单的形式而不进行任何操作,看看它是否有效,然后开始慢慢添加东西。
答案 1 :(得分:0)
无法重现。在这里进行了一个简单的演示http://jsbin.com/iposi3/2加载http://jsbin.com/uwoxe/2。请注意,加载的远程页面不是一个完整的HTML页面是至关重要的,因此没有html
,head
,body
标签或类似的其他内容将完全失败。只有你所展示的“html片段”。
要查看代码,请使用http://jsbin.com/iposi3/2/edit和http://jsbin.com/uwoxe/2/edit
在我的歌剧中工作得很好。虽然面部框太小,但无法使用默认设置很好地显示标签。
对于您的问题,我记得(检查my post on that)jQuery有时会从远程加载的内容中删除script
标记。但这似乎仅适用于FaceBox不使用$.load
的情况(它使用$.get
作为远程内容)。
您遇到哪些浏览器问题?如果它是IE,那么当jQuery尝试从远程内容中注入脚本标记时,IE可能会抛出“Permission Denied”错误。你检查过浏览器错误控制台了吗?