Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jquery,通过外部超链接访问“带有ajax内容”的页面选项卡?_Jquery Ui_Jquery_Hyperlink_Jquery Ui Tabs - Fatal编程技术网

Jquery ui jquery,通过外部超链接访问“带有ajax内容”的页面选项卡?

Jquery ui jquery,通过外部超链接访问“带有ajax内容”的页面选项卡?,jquery-ui,jquery,hyperlink,jquery-ui-tabs,Jquery Ui,Jquery,Hyperlink,Jquery Ui Tabs,我很难打开显示特定jquery选项卡的页面,该选项卡通过ajax加载内容 问题是jqueryui使用锚标签打开外部链接调用的标签,但是ajax内容标签锚没有 有什么想法吗 提前谢谢 基本上,jquery ui演示中的代码是相同的 我想要的是在我的主页上有一个链接,可以打开另一个已经显示tabX的页面 $(document).ready(function() { $(function() { $( "#tabs" ).tabs({ ajaxOptio

我很难打开显示特定jquery选项卡的页面,该选项卡通过ajax加载内容

问题是jqueryui使用锚标签打开外部链接调用的标签,但是ajax内容标签锚没有

有什么想法吗

提前谢谢

基本上,jquery ui演示中的代码是相同的 我想要的是在我的主页上有一个链接,可以打开另一个已经显示tabX的页面

$(document).ready(function() {
    $(function() {
        $( "#tabs" ).tabs({
            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. " +
                                "If this wouldn't be a demo." );
                        }
            }
        });
    });
});



<div id="tabs">
    <ul>
        <li class="tab first_tab"><a id="tab1" href="tab1.html">dit doen we</a></li>
        <li class="tab"><a id="tab2" href="tab2.html">disciplines</a></li>
        <li class="tab"><a id="tab3" href="tab3.html">cases</a></li>
        <li class="tab"><a id="tab4" href="tab4.html">uitgelicht</a></li>
    </ul>
</div>

要选择选项卡,您可以使用.tabs上的select方法,例如$'tabs'。tabs'select',1将选择选项卡索引为1的第二个选项卡

要打开一个页面并告诉它选择一个选项卡,您需要以某种方式传递意图。如果您使用AJAX进行页面转换,那么只需加载页面并调用.tabs'select',tabIndex即可

如果在没有AJAX的情况下加载第二个页面,则可以通过querystring传入一个变量,例如?loadTab=1,并在加载的页面中对其进行解析。我会向你发问的。将帮助您解析它

所以,在第二页,你会看到这样的内容:

$(function() {
    $("#tabs").tabs({
        ...
    });

    // code to parse the loadTab variable in the querystring

    if (typeof(loadTab) !== 'undefined' && parseInt(loadTab) !== 'NaN')
        $('#tabs').tabs('select', parseInt(loadTab));
}

您可以输入一些代码来澄清您的问题吗?您好@WilliamNiu,我添加了代码,谢谢您的帮助。您的意思是希望有一个链接打开一个选项卡,通过AJAX加载其内容吗?是的,但来自我网站的另一个页面。您的意思是链接在另一个页面上,还是要加载的内容是另一个页面?