【javascript-jQuery动画】教程文章相关的互联网学习教程文章

javascript-jQuery元素【代码】

我正在做一个小项目,遇到了一个问题.我正在使用jQuery创建新元素.因此,由于页面加载时它们不在文档中,所以我无法以任何方式对其进行操作.有没有办法让jQuery读取新元素来解决我的问题?$("img.fbimg").click(function(){$(this).hide(); });解决方法:您需要使用事件委托:$("body").on("click", "img.fbimg", function() {$(this).hide(); });在这里,您可以用img.fbimg的任何静态父元素替换“ body”.

javascript-jQuery Transit不起作用【代码】

我一直在使用jquery插件Jquery Transit:http://ricostacruz.com/jquery.transit/,但是无论我做什么,代码的行为都不会像我期望的那样(事实上,它根本不起作用)<!DOCTYPE html> <html> <head><style>div { background-color:yellow; width:100px; border:1px solid blue; position:absolute; left:50px; }</style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script> <script scr='jquery.tr...

javascript-jQuery用淡出和淡入效果替换身体背景图像【代码】

我只想用fadeOut更改主体的背景图像,并用fadeIn替换第二个图像.但是我收到以下错误:Uncaught TypeError: Object url(file:///C:/Users/.../p1bg_cutted.png) has no method 'fadeOut'$('body').css("background-image").fadeOut('slow',function(){$("body").css("background-image","url(Images/son_componentler/p2bg_cutted.png)").fadeIn('slow')});我可以更改图像而无需淡入/淡出,但是我想在那种情况下我犯了一个语法错误.解...

javascript-jQuery ajax调用在每个请求上增加指数【代码】

我使用Jquery-ajax调用将信息发布到页面并显示返回的信息.我遇到的问题如下: 当用户进行第一个ajax调用时,一切似乎都很正常.当用户不重新加载页面并再次发出相同的请求时,将进行两次后调用,并且进行两次get调用.第三次是4post 4get请求.第4次8Post / 8Gets.依此类推,直到浏览器(firefox Latest v.)冻结了一段时间. 我是一个新手程序员,不知道可能是什么原因.我不知道在代码内部看什么.也许你们可以给我一个提示.我其他的ajax请求都...

javascript-jQuery和克隆html部分?【代码】

我有这个模板div<div class="divDetails"><div class="divRowData" style="display: none "> <span class="spanColor"></span><span class="spanText"></span></div> </div>它是隐藏的. 我有一个对象数组,我需要将divRowData与来自数组的注入数据进行复制. (并使每个新部分可见). 但是看来我的jquery代码有点混乱,我正在寻找一种更短的方法. 目前我正在:for (var i = 0; i < arrData.length; i++){var thediv = $(".divDetails>.d...

javascript-jQuery执行本机浏览器验证【代码】

如何使用jquery / javascript执行本机浏览器表单验证,就像用户尝试提交表单一样?<form id="myform"><input type="text" name="myinput" required /><input type="email" name="myemail" required /> </form><div id="externalcheck">click to validate</div><script type="text/javascript">$("#externalcheck").click(function(){// how to run html5 browser's validation ?}); </scrpipt>解决方法:我的ajax示例.var $form = $(...

javascript-jQuery动画【代码】

这是简单的向上滑动动画.问题是当我更改myDiv类的“ top”参数时,动画工作不正确,而不是向上滑动,而是从顶部向下滑动.仅当我第一次单击按钮时,它才能正常工作.当我将myDiv的top参数更改为更大的数字时,就没有更多问题了.您能帮我发现代码有什么问题吗?<style>.box {position:relative;width: 200px;height: 500px;}.myDiv {position: absolute;width:100%;overflow: hidden;bottom:0px;top:10px;left:500;} </style> <script>var ...

javascript / jquery在多维json对象中查找id号,并将id号所在的对象本身用作对象【代码】

嗯,我该怎么说呢.让我们从我的对象的示例开始:"data": {"events": [{"event_id": 12345,"event_ts_begin": 1358931738000,"event_ts_end": 1358931748000,"event_severity": "minor","event_code": 23,"event_desc": "Completed","event_type": "normal","event_text": "Completed, blah on blah blah blah..."},{"event_id": 12346,"event_ts_begin": 1358931738000,"event_ts_end": 1358931748000,"event_severity": "minor","e...

javascript-jQuery Ajax强制页面刷新【代码】

我这里有一个接受用户凭证的表格.如果用户具有无效的用户凭据,则不会加载该页面,但是如果他或她具有有效的凭据,则我希望该页面执行全页面刷新,我将如何实现?我尝试添加.window.location.href = window.location.href; 在响应html上,但它不起作用,似乎jquery正在删除脚本代码? 这是用于表单提交的AJAX.$('body').on('submit', '#sign-in', function(e) {e.preventDefault();var data = $(this).serialize();var url = $(this).att...

javascript-jQuery中.change的替代方法?【代码】

我试图触发ajax事件,并将选择列表选项的值作为参数传递给ajax调用.不幸的是,我在.change事件上触发了调用,并且它在选择新选项之前传递了select选项的值(即传递先前选择的选项值).是否有一个事件将获取所选选项的当前值?提前非常感谢,<select id='theList'><option> Option 1</option><option> Option 2</option> </select>在JS中:$('#theList').change( function() { $.getJSON('Home/MethodName', { var1: Option1Value, var2: ...

javascript-jQuery中的ParentsUntil()使用颠倒顺序?【代码】

我有这个html结构:<body><a><b><c><d></d></c></b></a> </body>我使用< d>元素作为开始的第一个节点. 题 :var s= $("d").parentsUntil("body").andSelf().map(function(){return this.tagName;}).get();它应该从底部开始到顶部,这意味着s数组应该看起来像d,c,b,a. 但是它看起来很像:[“ A”,“ B”,“ C”,“ D”] 这是为什么 ? Jsbin解决方法:如果查看addBack的代码(andSelf是其别名),则会看到:add: function( selector, con...

javascript-jQuery UI选项卡和对话框【代码】

如何在单击时将jQuery ui选项卡添加到对话框?这是我的代码.<p><a href="#" class = "premium_payer">Premium Payer:</a> <span data-bind = "text: movements_owner_fullname" id = "movements_payer_fullname" > </span> </p><script type="text/javascript">$('a.premium_payer').click(function payerDialog(e){$("#premium_payer").html('').dialog();$("#premium_payer").append('<p>' + "Full name: " + payer_ful...

javascript-jQuery淘汰赛-获取数据绑定属性内的元素实例【代码】

我有一个选择元素,我在其中使用Jquery Knockout绑定CSS类. 我想直接从data-bind属性访问当前元素实例,而不在ViewModel中创建属性(因为我有许多具有相同功能的选择元素) 这可能吗?<select id="select1" data-bind="css: { 'no-value-selected': $item.val() == '' }"><option value="">[Select a value]</option><option value="1">1</option><option value="2">2</option> </select>编辑使用ViewModel实现这一点(我要避免的事情)f...

javascript-jQuery自动完成的正确侦听器【代码】

我正在使用jquery自动完成API,我试图从选择后的文本框中获取值.我应该使用哪个侦听器从文本框中获取值.我尝试了.focus,但是它仅在再次单击文本框后才有效.选择下拉列表中的值时,我需要触发此事件(与在文本框中键入的搜索词相反)解决方法:如果我正确理解了您的问题,也许您需要绑定到自动完成窗口小部件的close事件.$("#autocomplete").autocomplete({source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"],cl...

javascript-jQuery-获取表中的上一个值行【代码】

我有动态的简单表,如: 单击编辑按钮时,我尝试获取上一个值单元格.例如:当我单击第一个编辑按钮时,它将发出警报(‘a1’)当我单击第二个编辑按钮时将发出警报(‘a2’) 我尝试$('.edit').click(function(){alert($(this).parents('tr').prev().children().eq(1).text()); });与第一个编辑按钮配合使用效果很好,因为上一行有一行.而且它不能与第二个编辑按钮一起使用.我该怎么做(按动态上一行)http://jsfiddle.net/bWjbj/ ps:我正在...