Tag: jQuery
addClass – 可以在同一个div上添加多个类？
jQuery添加了多个类 这是我目前的代码，我知道它的错误代码 $('.page-address-edit').addClass('test1').addClass('test2');
嵌套的jQuery.each（） – 继续/中断
考虑下面的代码： var sentences = [ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'Vivamus aliquet nisl quis velit ornare tempor.', 'Cras sit amet neque ante, eu ultrices est.', 'Integer id lectus id nunc venenatis gravida nec eget dolor.', 'Suspendisse imperdiet turpis ut justo ultricies a aliquet tortor ultrices.' ]; var words = ['ipsum', 'amet', 'elit']; […]
序列化表单不能在jQuery中工作
你可以请看看，并帮助我意识到我在哪里出错了？ 这里是jsfiddle链接： http ： //jsfiddle.net/Hitman666/QcEkj/1/但是这里是代码 HTML： <form action="#" id="gamesForm"> <p> <input id="gName" type="text" class="medium" /> <span class="notification information">Game name</span> </p> <p> <span class="notification information">Enabled:</span> <input id="gEnabled" type="checkbox" /> </p> <br /> <!–Additional data for extra type–> <div id="extraAdditionalData" class="hidden"> <p> <input id="rRacers" type="text" class="medium" /> <span class="notification information">Racers</span> </p> <p> <input id="rVideoSet" type="text" class="medium" /> […]
使用jQuery从页面导航
我只会有一个相对的链接，但我想用jQuery来导航到这个rel链接。 我只能在jQuery中看到AJAXfunction。 我怎样才能做到这一点使用jQuery或纯粹的HTML / JavaScript？
可以在课堂上移除一个CSSanimation？
基本上我想要做的是给一个元素一个CSSanimation，当它获得一个类，然后扭转animation，当我删除该类没有播放animation时，DOM呈现 。 小提琴在这里： http : //jsfiddle.net/bmh5g/ 正如您在小提琴中所看到的那样，当您hover“hover我”button时，# #item向下翻转。 当鼠标hoverbutton时，#item就会消失。 我希望#item翻转（理想情况下使用相同的animation，但相反）。 这可能吗？ HTML： <div id='trigger'>Hover Me</div> <div id='item'></div> CSS： #item { position: relative; height: 100px; width: 100px; background: red; -webkit-transform: perspective(350px) rotateX(-90deg); transform: perspective(350px) rotateX(-90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } #item.flipped { animation: flipper 0.7s; animation-fill-mode: forwards; -webkit-animation: flipper 0.7s; -webkit-animation-fill-mode: forwards; } @keyframes […]
ReCaptcha 2.0与AJAX
我已经设法让ReCaptcha 2.0在我的网站上工作。 但是，只有当我不使用AJAX，并让表单“自然”提交时才有效。 我想提交带有validation码的表单，并在不刷新页面的情况下提醒用户注意成功。 我尝试了下面的代码，但是好像服务器没有得到用户响应： HTML： <form class="form" action="javascript:void(0)" novalidate> <!– all the inputs… –> <!– captcha –> <div class="input-group"> <div class="g-recaptcha" data-sitekey="6LdOPgYTAAAAAE3ltWQGar80KUavaR-JblgPZjDI"></div> </div> <div class="errors" id="errors" style="display: none"></div> <div class="input-group"> <input type="button" value="Send" class="btn-default right" id="submit"> <div class="clear"></div> </div> </form> JS： $('#submit').click(function(e) { console.log('clicked submit'); // –> works var $errors = $('#errors'), $status = […]
PHP和jQuery表单创build和validation库可用？
原来的问题 有没有一个经过良好testing，最好是成熟的库在那里用于创buildPHP的客户端（这是jQuery进来的地方）和服务器端validation的forms？ 理想情况下，表单要么从PHP类生成，要么写成纯HTML和parsingala Agavi 。 然后，库自动创build正确的jQuery钩子，以便包含的jQuery客户端validation可以运行。 我经常做的工作之一就是在旧的联系表单上进行一些修改，我希望将这项工作标准化，以便我每次都能拿出相同的最佳实践代码。 考虑到这一点，PHP类生成的HTML应该足够好，以便可以在需要时添加额外的CSS钩子等。 任何build议感激地收到。 更新 我一直在梳理和回顾我发现的以及其他人在下面提出的选项，现在我将按照以下顺序对项目进行sorting，以便在所有这些项目上进行less量的testing和研究。 ValidForm Builder jFormer HTML_QuickForm2 （如果你能得到客户端validation工作，那么这应该比jFormer跳得更高！） PHP的formsbuild设者级 使用Symfony！ （整个MVC框架的表单渲染和validation是矫枉过正） 我仍然不相信任何诚实的select，而我仍然想知道为什么从事这些项目的人不会从一些坚实和经过良好testing的组件开始。 例如，我会想到一个组合： Parsley.js客户端validation Symfony窗体组件也许 也许有尊重validation 会给你一个良好的稳定的基础工作，并在testing组件上生成一个不错的库。 另外，如果您对parsingHTML的库感兴趣，而不是从PHP类生成HTML，我find了一个名为Minacl的项目。 就像我在原始问题中提到的Agavi选项一样。
将所有样式从一个元素复制到另一个
我怎样才能获得从元素A到元素B的所有样式（甚至是inheritance的）？ 在JavaScript或使用jQuery。 让我们告诉我有一个元素<p class="foo">…</p>并且追加看起来像内容一样的新元素<div /> 。
删除元素之前需要解除jquery事件吗？
我有一个页面使用jquery-ui-dialog。 每次对话框打开，页面内容使用ajax加载。 然后它使用jquery“on（）”绑定一些事件。 当对话框closures时，它将清空其内容。 问题是 ，我是否需要解除$ .empty（）之前的“.ajax-content”事件？ 编辑 ： 关注1.任何可能降低JS性能？ 如果我用这种方式清空（）数百个节点。 关注2.将删除元素也从内存中删除事件（或任何执行/评价链的jQuery）？ 现在我没有对他们做任何事情。 如果对话框多次打开/closures而不刷新页面，是否会导致任何问题？ 代码如下所示： <div id="jquery-dialog" class="container"> <div class="ajax-content"> some buttons…. </div> </div> ——after each ajax load———— $(".ajax-content").on("click", ".button", function(event) { //handles the click }); ——on dialog close———— $("#jquery-dialog").empty();
需要用户反馈的ASP.NET MVC长时间运行过程
我一直在试图在我的项目中创build一个控制器来实现可能是相当复杂的报告。 因此，他们可能需要相当长的时间，进度条肯定会帮助用户知道事情正在进行。 该报告将通过AJAX请求启动，周期性的JSON请求将获得状态并更新进度条。 我一直在尝试AsyncController，因为这似乎是一个很好的方式来运行长进程而不捆绑资源，但它似乎没有给我任何方式来检查进度（似乎阻止进一步的JSON请求和我还没有发现为什么）。 之后，我尝试着在控制器上的静态variables中存储进度，并从中读取状态 – 但说实话，这似乎有点哈克！ 所有的build议感激地接受！
