Facebox 中包含其他 jquery

发布于 2024-08-25 23:56:29 字数 1242 浏览 11 评论 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>

原文

So I have facebox setup and it works. when I load an external page with a tab based navigation (JQuery too) the modal works but the nav doesnt. If it isnt clear I actually want the tabs to be inside the lightbox. And I also have php/mysql running inside the lightbox if that can change anything. Thanks for any help.

This is the original modal call

<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()
});

This is the script in the page that the modal box calls up

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

乖乖公主 2024-09-01 23:56:29

这里对我来说没有足够的细节。模态标记/调用在哪里？选项卡引用的容器在哪里？

请参阅此处示例的来源：

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

Not enough details here for me.. Where is the modal markup/call? Where are your containers that the tabs reference?

See the source for the example here:

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

If you aren't using containers, the tabs have nothing to interact with and may appear to not work.

Edit:

According to the official doc, this should work, after loading the 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>

Have you tried the exact example to see if it works? If that doesn't work, Facebox may be interfering somehow. Try reducing it to the simplest form without a lot going on and see if it works, then start slowly adding things.

回复收藏 0 原文

白首有我共你 2024-09-01 23:56:29

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

要查看代码，请使用 http://jsbin.com/iposi3/2/edit 和 < a href="http://jsbin.com/uwoxe/2/edit" rel="nofollow noreferrer">http://jsbin.com/uwoxe/2/edit

在我的 Opera 中工作得很好。当然，尽管 Facebox 太小，无法在默认设置下很好地显示选项卡。

对于你的问题，我记得（检查我的帖子）jQuery 有时会从远程加载的内容中删除 script 标记。但这似乎仅适用于使用 $.load 的情况，而 FaceBox 则不使用（它使用 $.get 来获取远程内容）。

您在哪种浏览器中遇到问题？如果是 IE，则当 jQuery 尝试从远程内容注入脚本标记时，IE 可能会抛出“权限被拒绝”错误。您检查过浏览器错误控制台吗？