Javascript 关于选项卡选择的jquery问题

Javascript 关于选项卡选择的jquery问题,javascript,asp.net,html,Javascript,Asp.net,Html,我有一个与我上一篇文章相关的问题 如果有人能提供一些关于我要去哪里的见解,那么javascript就不是很好 谢谢任何能帮忙的人 $(function() { $('input.field'). focus(function() { if(this.title==this.value) { this.value = ''; } }). blur(function(){ if(this.value=='') { this.value = t

我有一个与我上一篇文章相关的问题

如果有人能提供一些关于我要去哪里的见解,那么javascript就不是很好

谢谢任何能帮忙的人

$(function() {

$('input.field').
focus(function() {
    if(this.title==this.value) {
        this.value = '';
    }
}).
blur(function(){
    if(this.value=='') {
        this.value = this.title;
    }
});

var currentPage = 1;
$('#slider .buttons span').live('click', function() {
    var timeout = setTimeout(function() {$("img").trigger("slidermove")}, 300);
    var fragments_count = $(this).parents('#slider:eq(0)').find('.fragment').length;
    var fragmet_width = $(this).parents('#slider:eq(0)').find('.fragment').width();
    var perPage = 1;
    var numPages = Math.ceil(fragments_count/perPage);
    var stepMove = fragmet_width*perPage;
    var container = $(this).parents('#slider:eq(0)').find('.content');
    var firstPosition = 0;
    var lastPosition = -((numPages-1)*stepMove);

    if ($(this).hasClass('next')) {
        currentPage ++;
        if (currentPage > numPages) {
            currentPage = 1;
            container.animate({'left': firstPosition});
            return;
        };
        container.animate({'left': -((currentPage - 1)*stepMove)});
    };
    if ($(this).hasClass('prev')) {
        currentPage --;
        if (currentPage < 1) {
            currentPage = numPages;
            container.animate({'left': lastPosition});
            return;
        };
        container.animate({'left': -((currentPage-1)*stepMove)});
    };
});});
$(函数(){
$('input.field')。
焦点(函数(){
if(this.title==this.value){
这个值=“”;
}
}).
模糊(函数(){
if(this.value==''){
this.value=this.title;
}
});
var currentPage=1;
$('#slider.buttons span').live('click',function(){
var timeout=setTimeout(function(){$(“img”).trigger(“slidermove”)},300);
var fragments_count=$(this).parents('#slider:eq(0)').find('.fragment').length;
var fragmet_width=$(this).parents(“#slider:eq(0)”.find(“.fragment”).width();
每页var=1;
var numPages=Math.ceil(碎片计数/每页);
var stepMove=每页的框架宽度*;
var container=$(this).parents(“#slider:eq(0)”).find(“.content”);
var firstPosition=0;
var lastPosition=-((numPages-1)*步移);
if($(this).hasClass('next')){
currentPage++;
如果(当前页面>数值){
currentPage=1;
动画({'left':firstPosition});
返回;
};
动画({'left':-((当前页-1)*stepMove)});
};
if($(this).hasClass('prev')){
当前页--;
如果(当前页面<1){
当前页面=numPages;
动画({'left':lastPosition});
返回;
};
动画({'left':-((currentPage-1)*stepMove)});
};
});});

描述中的jQuery代码是最小化版本。如果您从他们的站点下载jQuery,您将看到.min.js文件和标准.js文件。第一个占用更少的空间,第二个是可读源。你有第一个。JavaScript是

Web组件和库 应用程序和网站已经更新 为优化文件请求而开发 并通过以下方式加快页面加载时间 减少各种文件的大小。 JavaScript和CSS资源可能是 缩小,保留他们的行为 同时大大减少了他们的文件 尺寸。JavaScript等库 优化器,包:标记,缩小, 轻量级,CssMin, jsminphp、MiniME和 ShrinkSafe能够这样做 动态优化

在开发过程中,您可以使用正常的

在jQuery页面中,最小值是29k,而正常值是212k

如果您希望缩小自己的javascript以用于生产部署,请参阅以下资源:


  • 如果您只发布自己的javascript,那么帮助您会容易得多。jQuery源代码不是必需的。对,我丢失了,因为我只是将这些文件拖放到asp.net中。它们工作正常。我有js和min.js文件,但第一个js是站点不同部分的滑块函数。我如何将min.js转换回可读的格式,相比之下它会不会很大?如果它的目的是缩小文件?由于min.js我有atm是50+K字符。我明白了!最好是从站点(jQuery.com)获取jQuery,并使用非minified.js文件。我希望它的版本与网站上的缩小版jQuery file.erm相同,但当我单击“下载”时,它会将我带到包含上述代码的页面:可能是我的一个js文件丢失了我在ui选项卡上的上一篇文章的代码。请确保检查下载链接上方的“开发”。对于我的第一个帖子问题,我仍然不知道这些是我正在玩的模板,在我的第一篇文章中,我找不到我的标签页的活动用户界面功能。我知道我的slider函数无法与上面发布的min.js和/或.js一起使用,我尝试过将它们一个或另一个删除,以便链接,但在.js中只有slider函数(图像旋转器),但实际页面上的选项卡不会改变背景?我有点困惑,这个问题你是想让图像旋转器工作吗?关于你的另一个问题,当你点击页面时,选项卡没有保持选中状态,图像旋转器工作正常,我页面顶部的“我的标签”效果不好,它在第一次使用时确实有效,但当我单击一个新标签转到页面上的其他位置时,突出显示的配置文件仍然突出显示,我单击的页面和标签没有突出显示。添加了从图像中可以看到的内容“我的配置文件是突出显示的,但它不是java正在执行此操作”当我点击我的节食计划或锻炼计划时,它们与我的个人资料不一样。我的css和html代码在上面的链接上,我想我知道发生了什么,我会在你的其他问题上发表。