0

所以我设置了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>
4

2 回答 2

0

无法重现。在这里做了一个简单的演示http://jsbin.com/iposi3/2加载http://jsbin.com/uwoxe/2。请注意，加载的远程页面不是完整的 html 页面至关重要，因此没有html, head,body标记等，否则它将完全失败。只有一个“html-fragment”作为您展示的那个。

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

在我的 Opera 中运行良好。当然，虽然 facebox 太小，无法使用默认设置很好地显示选项卡。

对于您的问题，我记得（查看我的帖子）jQuery 有时会script从远程加载的内容中删除标签。但这似乎只适用于$.loadFaceBox 不使用的情况（它$.get用于远程内容）。

您在哪个浏览器中遇到问题？如果是 IE，当 jQuery 尝试从远程内容注入脚本标签时，IE 可能会抛出“Permission Denied”错误。你检查你的浏览器错误控制台了吗？

于 2010-03-16T23:52:57.157 回答
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 可能会以某种方式干扰。尝试将其简化为最简单的形式，不要进行太多操作，看看它是否有效，然后开始慢慢添加东西。

于 2010-03-16T23:10:12.267 回答