Tag: jQuery的

更改按钮文本onclick

我们正在使用Quicksand(可排序的filterbale流沙插件) 安美居.. 除了普通的filter,还可以启动流沙动画。 我们还可以使用一个可爱的小布局切换器来显示单个 。 代码是: More Info 但我的问题是如果有效我想显示更少的信息。 在正常状态下显示更多信息。 我很肯定我们可以使用jQuery来做到这一点 控制切换器的jQuery是: jQuery(‘#layoutSwitcher a’).myPortfolioLayoutSwitcher({ show_switcher: true, full_width_layout: false }); 所以我的问题很简单..我们可以更改按钮文本,以便根据需要显示更少的信息或更多信息 。 我的

动态jquery对话框弹出窗口

我只使用了已知数量的JQuery对话框,并且在使动态版本工作时遇到各种麻烦。 希望有人可以帮助我。 这是我如何使用已知数字来做到这一点: $( “#opener1” ).click(function() { $( “#dialog1” ).dialog( “open” ); $( “#dialog1” ).height(200); return false; }); $( “#dialog1” ).dialog({ autoOpen: false, show: “fold”, hide: “explode”, width: 600, height: 200, buttons: { Close: function() { $( this ).dialog( “close” ); } } }); 然后我这样做: Text to open content here 我想将锚标记和div标记放在循环(Classic ASP)中,并且显然动态地命名锚标记中的ID和div中的类。 非常感谢帮助。 感谢您

仅在特定div中运行jQuery代码

我有一个主页上有id组件主页的主页。 此页面在页脚,导航和其他元素中有一些动画。 这些元素在所有其他页面上具有相同的名称。 当元素在#component-homepage中时,我想执行jQuery代码(js文件将包含更多,然后只包含此代码)。 // This could should be on all the pages $(“nav li:last-child”).addClass(‘last-child’); // This code should only be used when the id #component-homepage is in the body // Homepage navigatie fadeIn + contentblok animatie $(‘#content_home’).hide(); $(‘nav’).hide().fadeIn(1200, function(){ var result = $(“#content_home”).outerHeight(); $(‘#content_home_container’).css({“margin-top”: -Math.abs(result), “height”: (result)}); $(‘#content_home’).css({“margin-top”: (result),”display”:”block”}).animate({marginTop: ‘0px’},1000); }); // Homepage navigatie […]

在Firebase中创建新目录并插入数据

我想动态地在Firebase中创建五个新目录。 我还想动态地在这些目录中插入数据。 我为此目的编写了这个jquery脚本。 for(var i=0; i<5; i++) { var dataRef = new Firebase('https://blr-reaction-buttons.firebaseio.com/' + i); dataRef.on('value', function (snapshot) { var tempdata = snapshot.val(); if (!tempdata) { tempdata=50; dataRef.set(tempdata); } }); } 但它不是创建多个目录,而是创建一个目录(实际上是最后一个目录)(下图)… 我只是不明白为什么会这样。 请帮忙。 任何forms的帮助将不胜感激。 提前致谢。

为什么我不能为backgroundPosition设置jquery 1.4.4的动画?

我在这里看到j​​query 1.5.0中缺少backgroundPosition动画是一个已知的bug。 它还没有修好吗? 看看这个jsfiddle ,在jquery 1.4.4中使用backgroundPosition动画,然后查看这个,看看它甚至在jquery 1.7.1中都不起作用。 什么时候他们要解决这个问题? 我想知道,因为我刚在Chrome控制台中看到一条警告说: event.layerX和event.layerY在WebKit中被破坏和弃用。 它们将在不久的将来从发动机中移除。 我担心我将继续使用jquery 1.4.4来制作动画function,但Chrome会在下次更新时提取function。 UPDATE 接受的答案是,使用background-position-x和y的想法不适用于Firefox。 现在我将不得不回到1.4.4,直到找到更好的解决方案。

如何在IPAD上优化jquery fadeOut动画

$(‘#scrollbar1’).css(‘width’,’1000px’); $(‘#scrollbar1 img’).css(‘width’,’980px’); setInterval(function(){ var ff = $(‘#scrollbar1 img:first’); var ll = $(‘#scrollbar1 img:last’); var nn = ll.prev(); nn.show(); ll.fadeOut(1000,function(){ ff.before(ll); }); },2000); 上面是我的简单jquery幻灯片的jquery代码 相关的html类似于: 这在桌面浏览器中完美运行,但在IPAD上,效果确实不稳定。 任何想法如何使动画像桌面版一样流畅?

如何在深度为1的里面找到?

$(this).parents(‘table:first’).find(‘tr’)) 以上将以递归方式搜索tr内部table ,如何使其仅搜索top tr ? 编辑 children没有按预期工作: alert($(this).parents(‘table:first’).children(‘tr’).length) 给出0

在jquery动画中,如何使用自定义对象而不是div?

我的情况开始是这样的:我想要为div的背景图像设置动画,但似乎用jquery我无法检索背景图像的各个位置(背景位置)。 所以我想为什么不创建一个对象并为它的值设置动画,然后将这些值放在css中,但是我无法弄清楚如何完成它。 这是我尝试过的。 var obj={t:0}; $(“#wrapper”).animate({ obj:100 //I tried obj.t & t as well },1000,’linear’,function(){},function(){ $(“#wrapper”).css({ ‘background-position’:obj.t+”% 0%” }); }); 另外我需要问的另一个问题是,如果图片真的很大,我的意思是大约4000x4000px,将它设置为背景图像并更改背景位置或移动div本身会更好吗?

在jQuery中定位@import,没有ID,没有其他属性

我有这个jQuery代码: $(document).ready(function() { function adjustStyle(width) { width = parseInt(width); if (width = 701) && (width < 900)) { $(('style[type="text/css"].attr([href=*400*]')).text('@import url("css/styles_800.css");'); } else { $(('style[type="text/css"].attr([href=*400*]')).text('@import url("css/styles_normal.css");'); } } $(function() { adjustStyle($(this).width()); $(window).resize(function() { adjustStyle($(this).width()); }); }); }); 这是一个风格转换器。 我从这里得到这个代码 ,但我已经修改了一点因为我正在制作的webportal将合并服务器中的所有css,所以,我必须@import样式表只针对一个css并正确地更改它。 我不能给导入的CSS提供标题或ID(它是动态的),我尝试了上面的代码,因为我唯一的代码是: @import url(‘css/styles_400.css’); 如你所见,我唯一的线索是URL。 我该如何定位这个CSS? 我在jQuery方面的技能很少,而且我很确定我的代码出错了但是找不到合适的方法来定位它。 为什么我使用这个旧的styleswitcher而不是mediaqueries? 因为我需要它用于IE7 (客户端要求 – 我敢肯定他们在星期六狩猎猛犸象) ,并且他们不喜欢respond.js和css3-mediaqueries因为在Plone中引起了奇怪的错误。

我如何全面检查和选择?

我有复选框并选择选项,需要总计它们。 count_checked计算选中的多少checked& count_selected值。 我如何正确计算$(“#count_total”) ? $(document).ready(function() { var $checkboxes = $(‘input[name=”checks[]”‘); $checkboxes.change(function() { var count_checked = $checkboxes.filter(‘:checked’).length; $(‘#count_checked’).val(count_checked); }); $(‘#form’).on(‘change’, ‘.price’, function() { var count_selected = 0; $(‘#form option:selected’).each(function() { count_selected += parseInt($(this).val()) || 0; $(‘#count_selected’).val(count_selected); }); }); var a = $(‘#count_checked’).val(); var b = $(‘#count_selected’).val(); $(“#count_total”).val(a + b); }); 1 2 3 Please Select […]