Tag: jQuery的

单击多个按钮之一,将值放入文本输入

我在这里做错了什么( http://jsfiddle.net/dsqBf/2/ )? 我正在尝试将单击按钮的值放入文本输入中。 如果单击任何按钮,则最后一个按钮的值将插入到文本输入中。 JavaScript代码: var theButtons = $(“.button”); $(theButtons).each(function(index) { currentButton = $(this); buttonValue = currentButton.val(); currentButton.click(function() { $(“#theinput”).val(buttonValue); }); }); 我错过了一个我不知道的概念吗? 谢谢!

建立一个旋转木马。 Chrome和Firefox的性能不佳

我以前问过这个问题,但我得到的唯一答案是这个链接:shouldiuseacarousel.com。 我知道旋转木马对用户体验几乎没有什么作用,并且基本上没有价值,但这不是这里的情况。 我正在使用的旋转木马是一个在线杂志的隐喻,可以提供在真实杂志中浏览页面的体验。 因此非常相关。 在创建这个旋转木马时,我的最终目标是实现平滑的滚动体验,同时仍然保持旋转木马的某些核心function。 请记住,我是一个只有几个月的javascript经验的javascript学习者,并且欢迎任何关于优化或想法的建议,并且非常感谢。 所以,我创建了一个带有一个名为“Carousel_Container”的简单div容器的旋转木马,其中css属性为“overflow:scroll;”。 嵌套在里面是另一个名为“Carousel”的容器,它容纳我所有的“杂志标题”或“项目”。 用户可以通过加载单击项目和杂志文章。 到目前为止,我已经创建了两个核心function:1)当用户滚动时,我希望中间的项目脱颖而出。 所以所有项目都有css“不透明度:0.3;” 除了中间的项目。 这是我解决这个问题的逻辑: 我创建了一个名为“Focus_Point”的变量,它由以下内容定义: var Focus_Point = Window_Width * 0.5; 这用于称为“ItemToFocus”的核心函数: var ItemToFocus = function(){ if( MousewheelActive == 1 ){ First_Item_Offset = $Active_Carousel_Item.first().offset().left; First_Item_Offset = -First_Item_Offset; Focus_Point = 0.45 * Window_Width; Carousel_Position = First_Item_Offset + Focus_Point; Width = $Item.first().width(); Length = $Active_Carousel_Item.length; for( i=0; i […]

我想要我的平板电脑硬件后退按钮(Android)来关闭我网站的灯箱

我有这个完美的灯箱(Colorbox),但有一个问题。 如果我按下平板电脑上的硬件后退按钮,我希望灯箱退出。 硬件后退按钮不是关闭灯箱,而是退出整个网站并返回历史记录 – 这不是用户期望的。 所以我想要后退按钮来关闭我的灯箱$.colorbox.close(); 没有回到历史。 我只想修改灯箱打开时的后退按钮行为。 如果它有任何区别,灯箱将使用转义键关闭。 为了清楚起见,我没有构建Android应用程序。 这是一个在jQuery灯箱中打开图像的网站。 如果我的解决方案需要“jQuery Mobile”,请注明。 这是灯箱的链接http://www.jacklmoore.com/colorbox/ 感谢Radek Pech的解决方案,它正在运行,我也不需要jQuery Mobile。 如果你好奇,可以在这里尝试灯箱http://ProductInterest.com只需点击其中一个缩略图。

如何使用jQuery对一定数量的元素进行分组?

我需要一些关于使用jQuery选择项目的快速帮助。 这可能是一个非常简单的解决方案,但是…除了克隆和复制元素之外,我看不到一个正确的解决方案。 所以,我们走了。 我在页面上有这种结构: http://content.screencast.com/users/iamntz/folders/Jing/media/2fa05c60-f4fc-4178-b9b6-187831e1ca31/2010-11-22_1741.png 我想将每个六个元素组合成一个包装元素,以便有.quotesWrapper > (.sixQuoteWrapper > .quote * 6) * 4 。 知道我怎么能做到这一点? 谢谢!

从DIV获取内部文本

HTML: B Bangladesh Dhaka D 从#country ,我想得到孟加拉国 来自#capital ,我想要达卡 我怎样才能做到这一点?

谷歌地图v3,动画多线之间的两个点

到目前为止,在我的页面上,我可以设置两点之间的折线动画,但我无法弄清楚如何做更多的事情。 例1 setTimeout(function() { flightPath.setMap(map); flightPathProgress.setMap(map); flightPathProgress.setOptions({ strokeOpacity: 0 }); var progress = 0; var intvl = setInterval(function() { progress += 0.01; if (progress > 1) { clearInterval(intvl); running = false; } else { // animation is still running running = true; } // calculate progress var progressLatLng = google.maps.geometry.spherical.interpolate(postcode_1_lat_lng, postcode_4_lat_lng, progress); // update polyline […]

Jquery背景图像css改变不工作

想知道是否有人可以帮助; 我试图通过像这样的jquery来改变元素的背景图像; $j(this).css(‘background-image’,’url(images/client_box_grad.gif)’); 然而,当它呈现它似乎在url周围丢弃语音标记,例如 $j(this).css(‘background-image’,’url(“images/client_box_grad.gif”)’); 这意味着图像不可见 – 如果我删除Firebug中的语音标记,则图像显示出来。 有任何想法吗 ? 谢谢

jQuery提交/ preventDefault / post

目标 我正在尝试使用AJAX将数据(从“页面A”上的表单)发布到另一个页面(“页面B”) 我希望将“页面B”中的某些内容加载到指定div (#result)中的“Page A” 中 。 我试过的 我在很大程度上基于jQuery .post()文档创建了相关的HTML和JS,并受到jQuery AJAX提交表单的一些影响。 我已经使用alert()修改了进程失败的位置。 我在http://jsfiddle.net/jhfrench/QjaTq/创建了一个jsFiddle ( 后面的HTML和JavaScript是相同的) 症状 页面A直接提交给页面B,好像表单正常提交并且没有jQuery可以进行调解。 理论 .submit()方法没有附加 或者它正在附加但是其中的preventDefault指令并没有拦截传统的表单提交 HTML Group Politician Celebrity Expiration Date Feel like checking this box? <input type="hidden" name="data" value="Text echoed back to request”> We want to load the results within this div JavaScript的 var trimTextFields = function () { […]

如何获取动态生成元素的数据属性

在从服务器投掷动态内容(通过AJAX)时,我有以下响应。 Some content … 我已经使用live绑定了click事件。 问题出在我的点击事件中,我无法获取数据属性,因此手动附加不适合我的情况。 有任何想法吗? 示例代码: $(‘a.delContent’).live(“click”,function () { var cid= jQuery.data(this, “contentid”); alert(cid); //undefined return false; } );

如何在特定时间段内调用Ajax请求?

**我有一个棘手的问题,就是我想每小时拨打一次ajax电话。我不想在那个小时内发出第6个请求。但是在一个小时之后,我再次再次进行5次ajax呼叫一小时。我正在使用jquery我写的一些代码如下。有什么帮助吗? ** function getBubbles(){ $.ajax({ type : ‘POST’, url : ‘/PostData’, data : data, success : function(response){ console.log(response); } }); }