Tag: jQuery的

replaceWith不替换?

我正在创建一个评级小部件,其想法是当用户点击评分时,他评分并且评级星被替换为投票数。 这是我的HTML Quality 1 2 3 4 5 50 Votes 有四个评级类别(质量,内容,唯一性,整体) ,它们的html与上面的相同。 所以我正在使用这样的replaceWith方法 $(document).ready(function() { $(“li a.one-star”).click(function(event){ $( this ).replaceWith( $( “span.votes” ) ); }); }); 1. replaceWith方法不替换。 它只是将评分数置于评级星之上。 2.由于还有3个以上的html代码块(质量,内容,唯一性和整体)并且它们都是相同的,我如何告诉javascript有所作为(当用户点击旁边的评级星)时质量,所以他可以评价(他率),他得到质量的投票数等等其他类别)。

使用jQuery取消选中所有复选框,然后检查单击的复选框

我有以下内容: Which level would you like? (Click all that apply) Level 1 Level 2 Level 3 Level 4 Level 5 Level 6 Level 7 Which level would you like? (Click all that apply) Level 1 Level 2 Level 3 我希望每次单击其中一个时都清除.pricing-levels-2复选框,所以我做了: jQuery(‘.pricing-levels-2 .single-checkbox’).on(‘click’, function(){ jQuery(‘.pricing-levels-2 .single-checkbox’).attr(‘checked’, false); jQuery(this).attr(‘checked’, true); }); 但问题是,现在所有复选框都清晰,即使是我正在选择的复选框。 所以我不能选择任何(我希望我点击的那个被选中)。 我做错了什么?

使用jQuery创建缓慢填充的文本

可能重复: 逐字显示文字 有点难以解释,但我想要实现的是将文本添加到div但是我不希望它简单地出现或淡入等等。我希望能够一次显示文本一个字符,就像你是例如,在DS上播放基于文本的游戏。

IE7中的参数错误无效 – jQuery选项卡和Google Map

我试图在IE7中多次纠正这个’无效参数’错误,但它仍然弹出……似乎我没有得到这个错误的实际原因。 虽然它在Firefox中运行良好。 这是我的代码,我已将其移至html文件以进行测试。 jQuery Tabs and Google Map #pp_wrapper ul.tabs li.active a { color:#fff } #pp_wrapper ul.tabs li a:hover { color:#fff } a, a:link, a:visited { color:#ff3333 } ul.tabs li a:hover { background:#ff3333; color:#fff } ul.tabs li.active a { background:#ff3333; } #pp_wrapper .tab_container { overflow: hidden; float: left; width: 580px; border-width: 0px; } #pp_wrapper ul.tabs […]

循环遍历li元素的集合,在每个元素上添加z-index和递增值

我正在尝试做我认为是一个简单的任务,检查内容滑块div寻找li元素,并为每个元素添加一个z-index,每次递增一个值。 因此,对于三个li元素的集合,它们将被分配: 我尝试使用以下代码执行此操作: var $lis = $(‘#contentSlider ul li’); for(var i = 0; i < $lis.length; ++i){ $lis:eq(1).css('z-index',1); } 并尝试使用: var $lis = $(‘#contentSlider ul li’); for(var i = 0; i < $lis.length; ++i){ $('li').index($lis); } 知道如何做到这一点最好吗?

Jquery事件触发一次

我有李#kings的菜单。 点击它会丢弃一个div #kings-drop并加载kingslineup.html 。 在kingslineup.html里面是一张图片,点击时可以从侧面kingslineup.html div。 在mouseleave两个div都向上滑动。 一切正常,除非我尝试再次运行它而不刷新页面。 侧面的动画div不会发射。 我猜它再次加载时与kingslineup.html 。 任何人都可以解释为什么会这样吗? $(‘#kings’).on(‘click’, function(e) { e.preventDefault(); $(‘#kings-drop’).slideUp(‘slow’, function() { $(“.kings-drop-inner”).empty().html(”); }); $(‘#kings-drop’).slideDown(‘slow’, function() { $(‘.kings-drop-inner’).load(‘kingslineup.html’, function() {}).hide().fadeIn(‘slow’); }); $(‘.kings-drop-inner’).on(‘click’, “#jimmer”, function() { $(‘#player-drop’).animate({width:’toggle’},350); }); $(‘.one’).mouseleave(function() { setTimeout(function () { $(‘#kings-drop’).slideUp();}, 250); $(‘#player-drop’).animate({width:’0px’},350); }); });

JQUERY + location.reload()回调

当用户更改语言时,我正在使用带有JQUERY的location.reload()来刷新。 我想询问是否可以在location.reload()之后进行回调? 我有点假设不刷新页面,但它可能是可能的。 请告诉我。 谢谢

如果条件总是在$(window).resize函数内部工作

我有这个脚本,我希望当窗口小于768px console.log(‘less than 768px’); 但我的脚本始终工作时窗口超过768px请帮助我某人:( var width = $(window).width(); $(window).on(‘resize’,function(){ if (width < 768){ console.log('less than 768px'); }else{ console.log('nothing'); } });

如何检查jQuery .data()函数中是否存在值

可能重复: 如何使用jQuery在JavaScript数组中查找对象的索引 如果已经存在于.data()函数中,我需要找到输入的输入值。 我正在尝试这种方式。 jQuery的 var array = $(“form[name=update]”).data(“values”, {“v1”: “value1”, “v2”: “value2”, “v3”: “value3”, “v4”: “value4”, “v5”: “value5”}); if ($.inArray(“value1”, array) > -1){alert(“duplicate value”)} 但它什么都不做。 请查看并建议任何可能的方法来执行此操作。 谢谢。

根据视口宽度更改图像源

$(window).resize(function(){ var width = $(window).width(); if (width < 361) { $(".infograph-image").attr("src","/images/infographicHowMobile.png"); } }); 我希望根据视口宽度大小更改给定图像的图像源。 如果视口宽度大小为360或更小,请更改为图像的移动版本。 我有两个简单的问题: 1)我们如何做到这两点:a)检测窗口resize和文档准备好了吗? 这,我相信我得到了: 我需要将其更改为一个函数。 然后在加载时调用它; checkResponsive(); 然后绑定一个事件监听器: $(window).resize(checkResponsive); 2)我们有几个图像需要有一个移动版本,这应该转换为一个function吗? 或者几个ifs可以工作? 能否请你开始讨论这两个问题。