Tag: jQuery的

jQuery:“显示所有评论”点击并隐藏成功?

我现在有这个: Show all $isThereAnyComments comments 在showComments中成功,我希望它显示这个div: #showWallCommentsFor + wallID 然后当它显示时,它应该将“全部显示”更改为“关闭”然后它应该隐藏div。 我怎样才能做到这一点?

使用JQuery在div中展开/缩小图像

我在我的网站上使用一些图像作为横幅。 它们是完整的(960px)宽度,我最初显示图像的一部分作为预告片(比如160px高)。 我现在通过使用单独的图像来做到这一点,图像是全尺寸图像的切片(高600像素)。 更复杂的是我在Photoshop中应用于图像顶部和底部的阴影,使其看起来像“插入”div。 我想做的是用一个小图标覆盖图像,上面写着“看得更多”。 当访问者点击此图标时,我想将div展开(acordian样式)以显示整个图像,然后将图标更改为“see less”。 单击新图标时,我希望图像折叠到原始大小。 我怀疑我需要使用一个新的图像(960 x 600px),我还添加了阴影,这样我就可以将插图看作零售。 因此,这需要两个图像,一个在div扩展和收缩时换出,另一个在div收缩到原始160px高度时交换。 造成这种情况复杂的是,图像充当了页面顶部附近的横幅,我不希望div向上扩展到窗口顶部以便在屏幕外消失并可能添加滚动条。 最后的复杂因素是可以在原始600px图像中的任何高度拍摄小的“切片”。 我选择最适合160px的图像区域。 因此,div扩展的高度不是恒定的。 如果从原始图像的顶部切割切片,则div将仅在顶部扩展一点,在底部扩展更多。 类似地,从原始图像的底部切下切片。 我意识到这是一个复杂的问题,我在谷歌周围寻找解决方案。 我发现了几个看起来可能有用的JQuery扩展(UI和工具),但我找不到我想要做的事情的例子。 如果答案太复杂而无法在此论坛中尝试,那么指向我正在努力完成的网站的指针将不胜感激。

jquery全局变量可以在任何地方使用

我开始怀疑jquery易于使用和灵活。 我有这个: var prodata=[]; var request = $.get(“proDB.txt”, function(data) { var lines=data.split(/\n/); var numberofmodels=lines.length-2; //var prodata=[]; var i; prodata.push(0); var fieldnames=lines[0].split(/\t/); for (i = 1; i < lines.length-1; ++i) { var fields=lines[i].split(/\t/); prodata.push(i); var j; prodata[i]={}; for (j = 0; j < fields.length; ++j) { //prodata[i][fieldnames[j]]=fields[j]; var str=fieldnames[j]; prodata[i][str]=fields[j]; } } //FILL THE DROPDOWN LIST […]

jquery’Click’事件的奇怪行为

我有一个锚标记 Click me Click me Click me 我想通过点击锚标签执行一些代码。我使用过 $(‘a’).click(function(){ //do something.. }); 但它没有成功。 所以我用过 $(‘a’).on(‘click’,function(){ //do something.. }); 我也用过 $(‘a’).bind(‘click’,function(){ //do something.. }); 但他们也没有用。 对我有用的是 $(‘a’).live(‘click’,function(){ //do something.. }); 为什么会这样……当所有人都应该表现出同样的行为时。

每个()完成后的防火function

这与这个问题有点关系。 在.each()完成后调用jQuery函数 但解决方案似乎并不适合我。 基本上我有一些JavaScript来计算一些元素的宽度: var totalWidth = 0; $element.find(‘li’).each(function () { totalWidth += $(this).width(); }); 在此之后,我想使用宽度来设置另一个元素: $element.width(totalWidth); 如果我附加调试器它可以工作,但如果我只是运行它不会。 这让我觉得宽度是在.each()完成之前设置的。 我尝试使用.promise()来解决这个问题,但似乎没有什么区别。 var totalWidth = 0; $element.find(‘li’).each(function () { totalWidth += $(this).width(); }); $element.promise().done(function () { $element.width(totalWidth); }); 这是我的HTML 有任何想法吗?

$(父子)和$(父).find(子)之间的区别(在jQuery中)

可能重复: jQuery单选择器vs .find() jQuery中$(Parent Child)和$(Parent).find(Child)之间有什么区别吗? 您可能有多个孩子,如: $(“div”).find(“span”)将返回所有子节点。 但与$(“div span”)吗?

如何在每次字符串迭代后调用回调函数?

我正在使用jQuery库类型 – 它在这里找到: http ://macarthur.me/typeit/docs/ 这是我的代码 $(‘.type-it’).typeIt({ strings: [‘Text 1′,’Text 2’], speed: 110, breakLines: false, callback: function() { $(‘.type-it’).css(‘background-color’, ‘#EFC137’).delay(1000).queue(function() {$(‘.type-it’).empty() }) } }) .tiPause(1000); 我想要做的是在键入每个字符串后运行回调函数,而不是在键入所有字符串之后。 有任何想法吗? 提前致谢。

如何添加新列表不替换列表

我有一个列表,当用户添加新列表时,此列表将增加。 目前,当用户单击添加按钮时,它将用新的替换旧的,我想保留旧值,并在用户单击添加按钮时添加新值。 我知道在这部分要做的事情,但我不知道如何做到这一点。 请帮忙,谢谢。 if(radio == ‘1’){ $( “#summary” ).html( “Every Week” ); } 添加新列表

如何在Web页面上实现WOW Slider时解决jQuery冲突

我在http://integritywoodcrafts.c​​om/上有一个网站 有一个WOW Slider Style表以及为WOW Slider提供jQuery engine的jQuery engine 。 我的网站有一个鼠标hover菜单,只要WOW Slider样式表和jQuery引擎不存在就可以使用 – 请参阅除主页之外的站点中的任何页面。 然而,在主页上,当存在WOW Slider样式表和jQuery引擎时,鼠标hover菜单不起作用。 我已经将问题缩小到jQuery引擎,导致鼠标hover菜单无法正常工作。 有谁知道可能导致问题的原因以及我如何纠正它? 谢谢。

在选项中添加不同的div id?

我试图在select元素中的选项附加一个不同的id。 我可以用图像做到这一点,但不知道如何用ID来做 示例:对于我们使用的图像: $(document).ready(function() { $(“#selectanimage”).change(function() { var src = $(this).val(); $(“#masterPreview”).html(src ? “” : “”); }); }); 典型的选择是: — Select your Image … — 125px x 125px Black Background 125px x 125px White Background 180px x 100px Black Background 我想要做的是..更改选项中的值以区分class或id,然后让js相应地切换。 所以选项值=“apple”选项值=“foo” 我不确定这是100%清除哈哈 目标是Div id masterpreview可以包含选项的新类或id元素。 即。 点击选项(说有人点击了foo) 然后我们会生成: