Question

您好我在嵌入不同平台的页面上使用jquery-ui选项卡。选项卡工作正常，但问题是如果单击选项卡页面中的链接，它将退出选项卡以转到页面。在标签调用中是否有一个选项使它们更加自包含，或者我应该考虑在这些页面上设置锚点的目标等？

$(function() {
                        $( "#crmtabs" ).tabs({
                            cookie: {
                                expires: 1
                            },
                            ajaxOptions: {
                                error: function( xhr, status, index, anchor ) {
                                    $( anchor.hash ).html(
                                        "Couldn't load this tab. We'll try to fix this as soon as possible.");
                                }
                            }
                        });
                    });

Answer 1

我不确定我理解你的问题。您的代码将尝试通过AJAX加载选项卡内容，因此单击选项卡将加载 cmrtabs 标记中锚点指定的页面。请记住，UItabs基本上呈现了AJAX加载页面的输出，并将其插入 crmtabs 标记中的相应容器中。加载页面中的任何链接现在都相对于标签页（即AJAX加载页面中的jQuery代码不起作用，但标签页中的jQuery代码可以对AJAX内容进行操作）。加载的选项卡中的链接不是“包含”，而是现在是标签页的一部分。如果您正在考虑选项卡中的某种iFrame行为，那么您将超越选项卡小部件的意图。请参阅jQuery UI站点上引用的这篇文章。 http://www.useit.com/alertbox/tabs.html

包含jquery-ui Tabs中的链接

1 个答案: