Facebox与其他jquery

时间:2010-03-16 22:59:52

标签: jquery facebox

所以我有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>

2 个答案:

答案 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页面是至关重要的,因此没有htmlheadbody标签或类似的其他内容将完全失败。只有你所展示的“html片段”。

要查看代码,请使用http://jsbin.com/iposi3/2/edithttp://jsbin.com/uwoxe/2/edit

在我的歌剧中工作得很好。虽然面部框太小,但无法使用默认设置很好地显示标签。


对于您的问题,我记得(检查my post on that)jQuery有时会从远程加载的内容中删除script标记。但这似乎仅适用于FaceBox不使用$.load的情况(它使用$.get作为远程内容)。

您遇到哪些浏览器问题?如果它是IE,那么当jQuery尝试从远程内容中注入脚本标记时,IE可能会抛出“Permission Denied”错误。你检查过浏览器错误控制台了吗?