Tag: javascript

混淆简单变量声明jQuery“$ variable”vs javascript“var”

我有这个简单的鬼文本实现： HTML代码： jQuery代码： $(document).ready(function(){ $txtField = “#searchPanel form input.ghText”; var value = $($txtField).val(); $($txtField).focus(function(){ if($(this).val() == value) $(this).val(“”).removeClass(“ghText”); }); $($txtField).blur(function(){ if($(this).val()==””){ $(this).val(value).addClass(“ghText”); } }); }); 上面的例子不起作用。 当用户将光标聚焦在搜索栏上时，由于某种原因，类“ghText”将不会被删除。 但是现在，如果我将“var value”（变量初始化）和“value”更改为“$ value”，如下所示： $value = $($txtField).val(); $(this).val($value).removeClass(“ghText”); $(this).val($value).addClass(“ghText”); 一切都很完美。 我可以去睡觉而不是太担心它..但我很好奇为什么会发生这样的事情？ 是因为“this”没有引用正确的对象，或者是因为我尝试将jQuery对象存储在非jQuery变量中，或者是关于其他东西……有人指出我出了什么问题？ 我一直认为“var x”与“$ x”相同..？

jQuery / JavaScript：当tab变为非活动状态时，我的递归setTimeout函数会加速

在我正在构建的jQuery幻灯片插件中，我有一个奇怪的小难题。 这没什么特别的，我迄今为止编写的代码工作得很好但是我注意到当我离开网站运行并切换到新选项卡并继续在另一个选项卡中浏览网页（在我的情况下是Chrome for Mac）时我回到我的网站， setTimeout调用似乎加速了，而不是等待计时器完成火灾事件，它不断发射。 这是我的（简化）代码： var timer; var counter; var slides; // collection of all targeted slides. // animate to the next slide function nextSlide() { // stop timer methods.stopTimer(); // increase counter counter++; if ( counter > slides.length-1 ) { counter = 0; } // if counter is greater than the amount of […]

如何随机排序列表项？

我目前有这个代码随机排序列表项： var $ul = $(‘#some-ul-id’); $(‘li’, $ul).sort(function(){ return ( Math.round( Math.random() ) – 0.5 ) }).appendTo($ul); 但是，还有更好的解决方案吗？

动态加载信息到Twitter Bootstrap模式

问题： 我想通过使用jQuery将链接属性中的值传递给PHP / SQL查询。 HTML代码： HTML PHP代码： × Title Close 场景： 当用户单击具有data-toggle =“modal”的link-element时，jQuery应该获取id-attribute的值（在本例中为1）并将其发送到SQL查询，以便SQL查询将看起来像： $query = “SELECT * FROM table WHERE id = 1”; jQuery代码： $(“a[data-toggle=modal]”).click(function(){ var essay_id = $(this).attr(‘id’); //Find $essay set it to essay_id in PHP //Alternatively create a $_SESSION[‘EID’] here }); 题： 如何使用jQuery在PHP中设置变量（$ essay）？ 或者如何通过jQuery在PHP中创建会话变量？

JQuery $ .ajax（）post – java servlet中的数据

我想将数据发送到java servlet进行处理。 数据的长度可变，并且是键/值对： { A1984 : 1, A9873 : 5, A1674 : 2, A8724 : 1, A3574 : 3, A1165 : 5 } 数据不需要以这种方式格式化，这就是我现在拥有它的方式。 var saveData = $.ajax({ type: “POST”, url: “someaction.do?action=saveData”, data: myDataVar.toString(), dataType: “text”, success: function(resultData){ alert(“Save Complete”); } }); saveData.error(function() { alert(“Something went wrong”); }); $.ajax()函数工作正常，因为我收到“保存完成”的警报。 我的困境在servlet上。 如何检索数据？ 我试着像这样使用HashMap …… HashMap hm […]

使用JQuery或Ajax加载.txt文件

如何修复下面的脚本，以便它可以每次都工作！ 有时候它有效，有时却没有。 Pro JQuery解释了导致这种情况的原因，但它没有讨论如何修复它。 我几乎肯定它与ajax就绪状态有关，但我不知道如何写它。 网络显示了大约99种不同的方式来编写ajax和JQuery，它有点压倒性。 我的目标是创建一个HTML shell，可以使用基于服务器的文本文件填充文本。 例如：假设在名为AG的服务器上有一个文本文件，其内容为PF：PF-01，PF-02，PF-03等。我想提取此信息并填充HTML DOM之前用户看到。 A是@＃！＃$ *＆Golden with PHP，然后发现我的主机已关闭fopen（）。 我在这里。 谢谢你的帮助。 JS – plantSeed.js var pageExecute = { fileContents:”Null”, pagePrefix:”Null”, slides:”Null”, init:function () { $.ajax({ url: “./seeds/Ag.txt”, success: function (data){ pageExecute.fileContents = data; } }); } }; HTML – HEAD pageExecute.init(); HTML – BODY alert(pageExecute.fileContents);

jquery ajax表单提交

这段代码是否正确？ 我正在尝试提交它，如果文本区域再次为空，我也想提交。 $(document).ready(function(){ $(“form#submit”).submit(function() { // we want to store the values from the form input box, then send via ajax below var fid = $(“.messag”).attr(“id”); var val = $(“#mess_ar”).val(); $.ajax({ type: “POST”, url: “send_message.php”, data: “fid=”+ fid +”&val=”+ val, success: function(){ $(“#mess_ar”). } }); return false; }); }): 我正在尝试上传此内容： Send Thankx …

如何旋转图像并保存图像

在我的应用程序中，我有一个div，一个按钮的图像。 当我使用jquery单击按钮时，我想旋转显示的图像并保存旋转的图像。 我已经使用过代码： http://code.google.com/p/jquery-rotate/ 和jquery代码： $(function() { // doc ready var rotation = 0; // variable to do rotation with $(“#img”).click(function() { rotation = (rotation + 45) % 360; // the mod 360 probably isn’t needed $(“#cropbox”).rotate(rotation); }); }); HTML代码： 当我使用上面的代码时，有两个图像，一个是旧图像，另一个是旋转图像。 在这里，我想旋转相同的图像并仅显示旋转的图像。并将旋转的图像保存在目录中。 我怎么能用jquery做到这一点？ 如果用jquery不可能那么我怎么能用php / ajax做到这一点？

带滚动的Jquery / Javascript Opacity动画

我希望根据用户滚动更改对象的不透明度（并使动画转换为动画）。 示例（http://davegamache.com/） 我在这里搜索过，但它最终指向了我的路标插件（http://stackoverflow.com/questions/6316757/opacity-based-on-scroll-position） 我已经实现了[waypoints] [1]插件，并且一旦高于100px就会使对象褪色。 [使用offet属性]但希望基本上控制对象的不透明度，并使动画像上面的例子一样可见。 我已经搜遍过了 – 这是我的最后一招。 任何帮助是极大的赞赏。

检测触摸设备上的左/右滑动，但允许向上/向下滚动

我需要检测并对左/右滑动作出反应，但是想让用户能够滚动相同的元素，所以只要他左右移动他的手指，最大上/下移动X像素，它不应该滚动，但是当它超过X时，它应该滚动。 所以我做的是： var startX, startY, $this = $(this); function touchmove(event) { var touches = event.originalEvent.touches; if (touches && touches.length) { var deltaX = touches[0].pageX – startX; var deltaY = touches[0].pageY – startY; if (Math.abs(deltaY) > 50) { $this.html(‘X: ‘ + deltaX + ‘ Y: ‘ + deltaY + ‘TRUE’); $this.unbind(‘touchmove’, touchmove); return true; } else […]