jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在jquery UI选项卡中预选启用ajax的选项卡大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有与此处描述的完全相同的问题: http://bugs.jqueryui.com/ticket/7930.问题是维护者无法重现它,因此票证已关闭.我的代码如下:
<script type="text/javascript">
    $(document).ready(function () {
        // assigns the value of a GET parameter called tab to tabIndex
        var tabIndex = getUrlVars()['tab'];

        if (isNaN(tabIndeX)) {
            tabIndex = 0;
        }

        // initializes tabs and SELEcts the one provided in tabIndex (default: 0)
        $('div#tabs').tabs({ ajaxOptions: { cache: falsE},SELEcted: tabIndex });
    });
</script>
<div id="tabs">
    <ul>
        <li>@Html.ActionLink("User roles","Roles","Admin",New With {.rand = @R_944_7538@me.Now.Ticks},Nothing)</li>
        <li>@Html.ActionLink("Report templates","Reports",Nothing)</li>
        <li>@Html.ActionLink("Blabla","2","Admin")</li>
        <li>@Html.ActionLink("Blabla2","3","Admin")</li>
    </ul>
</div>

这将使用id创建标签:#ui-tabs-1,#ui-tabs-2,#ui-tabs-3,#ui-tabs-4.我通过url:http://server/Admin?tab=1访问该页面.选择了相应的选项卡(第二个带有报告),但是对前一个选项卡(用户角色)的href进行了ajax调用.它会导致显示标签内容.你知道怎么解决吗?

解决方法

我用了:

$(‘#tabs’).tabs({SELEcted:tabIndex});

但tabIndex是一个字符串(我从url或url hash获取它),因此导致例如:

$(‘#tabs’).tabs({SELEcted:“2”});

在这种情况下,您可以观察到这种意外行为.
在tabIndex上调用number函数

tabIndex = number(tabIndeX)

解决了这个问题.

大佬总结

以上是大佬教程为你收集整理的在jquery UI选项卡中预选启用ajax的选项卡全部内容,希望文章能够帮你解决在jquery UI选项卡中预选启用ajax的选项卡所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。