Question

喜我的jq脚本是由网页上的tuts组装而成，正被主要的标签jQ及其相关的样式所覆盖。这是我的脚本被覆盖的部分$(reff2+' li:first').addClass('ui-tabs-selected');以下脚本的其余部分：

$(document).ready(function() {

    $("#propagin a").live('click', function(eve) {
        eve.preventDefault();

        var link = $(this).attr('href');
        var reff = $(this).attr('href').replace(/^.*?(\d+)\/.*$/g, "$1");
        var reff2 = '#fragment-' + reff ;

        $.ajax({
            url: link,
            type: "GET",
            dataType: "html",
            success: function(html) {
                $(reff2).html(html);
            }
        });

        $(reff2 + ' li:first').addClass('ui-tabs-selected');
    });
});

我想要的行为是应该选择第一个子标签，换句话说，我的jq脚本分配了正确的类。单击分页链接可以查看正确的新子选项卡集，这意味着我的脚本的ajax部分正在运行。但是新集合的第一个子标签没有正确的类，例如ui-tabs-selected。

您可以在浏览器中看到该进程正在展开。单击分页链接时会出现一组新的子选项卡，并且在第一个子选项卡正确设置样式之前，更高级的选项卡jq及其样式开始并删除我想要的样式。

我能做些什么不会破坏高级jquery及其相关的CSS，这些可以使我有一个稍微复杂的标签计划？

汤姆

Answer 1

您提供的页面中的大部分代码仍然链接到localhost。

    <link type="text/css" href="http://localhost/gopag//css/ui.tabs.css" rel="stylesheet"> 
    <link type="text/css" href="http://localhost/gopag//css/nested-jquery-yui.css"  rel="stylesheet">

一旦修复了这些问题，就会更容易看出问题可能是什么。

您可能还想修复#propagin div - 具有相同ID的三个div会导致不可预测的行为（每个元素应具有唯一ID）。您可以将div更改为类（并将CSS / jQuery更新为.propagin），或者使用#propagin1，#propagin2等ID。

编辑：

你好汤姆，对不起，我无法马上回复你。我删除了您网站的副本，发现了同样的问题，直到我将addClass移到了$.ajax功能中。之后正确应用的样式：

$.ajax({
    url: link,
    type: "GET",
    dataType: "html",   
    success: function(html){
        $(reff2).html(html);
        $(reff2 + ' li:first').addClass('ui-tabs-selected');
    }
});

希望这适合你。

jQuery我的脚本被覆盖了

1 个答案: