Tag: prototypejs

如何模仿jQuery.live(),或在Prototype库的存在下使用2个jQuery版本?

我们将内容呈现在客户端提供的HTML“包装器”中。 那个HTML包装器包含对jQuery 1.2.6的引用,所以这是我迄今为止用于jQueryfunction的内容。 我面临的问题是我正在动态呈现需要与之关联的点击事件的内容。 click事件与$(document).ready()上的元素相关联。 因此,我需要.live()函数的function,该function在1.3+版本中可用。 所以我想知道我的选择是什么? 有没有办法让我轻松模仿.live()的function,这样我就不需要jQuery库提供的function了? 我是否需要在内容中包含新的jQuery库? 这不是理想的,因为它会导致需要管理的冲突,并且我们已经在管理与Prototype库的冲突,其他人已经在包装器中包含以下行: jQuery(document).ready(function ($) { 除非有人能告诉我一个简单的方法吗? …或者我把它还给客户端是时候让他们升级他们的jQuery了? 我不知道这是否会发生。 任何人都可以建议解决这个问题吗? 谢谢

原型和jQuery在一起?

我注意到我使用的某个脚本依赖于原型。 (Lightbox 2)它会和jQuery在同一页面上一起工作吗? 有没有办法确保他们没有冲突?

IE抛出JavaScript TypeError但不在chrome上

描述在我们的Magento购物车上,当用户在任何Internet Explorer浏览器的“产品详细信息”页面上单击“ 添加到购物篮”按钮时,他们会在浏览器中弹出一个弹出窗口,并显示以下错误消息: exception:TypeError:无法获取未定义或空引用的属性’tagName 起初我虽然这个错误是由于AJAX调用引起的,但是在浏览器调试器中进一步调查之后我可以看到它是在JavaScript试图修改DOM节点/ HTML标签及其属性时引起的。 我在#mdl_ajax_confirm div上的所有子树和属性修改上设置断点,调用堆栈是: ajax_cart.js:87 ajax_cart.js:89 ajax_cart.js:91 ajax_cart.js:97 ajax_cart.js:99 ajax_cart.js:104 ajax_cart.js:110 ajax_cart.js:112 ajax_cart.js:113 在IE中它打破ajax_cart.js:104并转到prototype:1617来处理exception。 所以有问题的代码似乎是ajax_cart.js:104 ,它是: $$(‘.block-cart’).each(function (el){ el.replace(mini_cart_txt); //new Effect.Opacity(el, { from: 0, to: 1, duration: 1.5 }); }); 在Chrome中它返回它返回HTML但在IE中它在控制台中返回与弹出窗口相同的错误: 无法获取未定义或空引用的属性’tagName’ 题 我检查了IE控制台和mini_cart_txt var是否在ajax_cart.js:104执行之前,问题是我相信来自el ? 我不确定如何修复它或者该代码块究竟发生了什么? 下面是代码的其余部分,在此先感谢:) 码 ajax_cart.js var inCart = false; if (window.location.toString().search(‘/product_compare/’) != -1){ var win = […]

有没有资源可以帮助将Prototype JavaScript转换为jQuery?

我以前广泛使用过Prototype,它帮助我们为我们的Web应用程序增加了相当多的交互性。 但是,我们正在考虑使用jQuery来标准化Visual Studio中更好的支持。 我知道我们可以使用jQuery.noConflict与Prototype一起运行它,但我们希望避免让用户需要下载这两个库来使用我们的网站。 那么,是否有一个很好的资源可以帮助我们将旧脚本从Prototype转移到jQuery?

使用原型添加或删除类

无法在PROTOTYPE脚本中添加或删除基于click函数的img元素的“已选择”的css类名称(已经为Jquery做过)但它必须在Prototype中。 它让我疯狂。 不能让它适用于原型…. 我原来的代码是(Magento商店) __(‘Community Poll’) ?> <form id="pollForm" action="” method=”post” onsubmit=”return validatePollAnswerIsSelected();”> htmlEscape($poll->getPollTitle()); ?> <input type="radio" name="vote" style ="display:none;" class="radio poll_vote" id="vote_getId() ?>” value=”getAnswerId() ?>” /> getAnswerTitle(); $stripped_final = str_replace(” “, “_”, strtolower($stripped)); //Value (simplified) ?> <label for="vote_getId() ?>”><img src="http://www.passione.pt/media/poll/.png” id=”chooser” class=”chooser” alt=”htmlEscape($answer->getAnswerTitle()) ?>” onClick=”document.getElementById(‘vote_getId() ?>’).checked =true;”/> decorateList(‘poll-answers’); <button type="submit" title="__(‘Vote’) ?>” class=”button”>__(‘Vote’) ?> […]

如何让jQuery与Prototype一起使用

好的,这就是情况。 一直把我的头发拉出来。 我是个菜鸟。 仅使用导轨约6周。 我正在使用标准安装程序包,我的代码大量使用原型帮助程序。 就像我说的那样,noob;) 所以我想尝试一些jQuery效果,比如PrettyPhoto。 但是,当首次加载页面时,PrettyPhoto的效果很好。 但是,一旦有人使用Prototype助手,比如使用link_to_remote创建的链接,Prettyphoto就会停止工作。 我试过jRails,JQuery网站上提出的所有修复都可以阻止冲突…… http://docs.jquery.com/Using_jQuery_with_Other_Libraries …甚至做了一些疯狂的事情,比如将prototype.js中的所有$重命名为$$$无济于事。 原型助手破坏,或jQuery破坏。 似乎我所做的一切都不能让它们一起工作。 有任何想法吗? 这是我的application.html.erb的一部分 jQuery(document).ready( function() { jQuery(“a[rel^=’prettyPhoto’]”).prettyPhoto(); }); 如果我在jquery之前放置原型,那么原型助手不起作用如果我把noconflict子句放进去,那么它们都不起作用。 提前致谢! 克里斯 BTW:当我尝试这个时,从jQuery网站: jQuery.noConflict(); // Use jQuery via jQuery(…) jQuery(document).ready(function(){ jQuery(“div”).hide(); }); // Use Prototype with $(…), etc. $(‘someid’).hide(); 我的页面消失了!

使用jQuery在textarea中的Maxlength

使用http://viralpatel.net/blogs/2008/12/set-maxlength-of-textarea-input-using-jquery-javascript.html下的脚本我试图将textarea的输入限制为1000个字符。 原型也包含在页面中。 它在chrome中运行良好,但在firefox中给出以下错误并且输入不受限制: $(“textarea[maxlength]”) is null 我完全难过了。 任何帮助,将不胜感激。 代码片段如下。 textarea: 60, ‘rows’ => 8, ‘maxlength’ => 1000 %> javascript: jQuery.noConflict(); jQuery(document).ready(function($) { $().maxlength(); }) jquery.maxlength.js: jQuery.fn.maxlength = function(){ $(‘textarea[maxlength]’).keypress(function(event){ var key = event.which; //all keys including return. if(key >= 33 || key == 13) { var maxLength = $(this).attr(‘maxlength’); var length = this.value.length; if(length >= […]

如何将此observe_field转换为jquery

我想使用jquery而不是原型,我有点迷失在jquery中转换这个observe_field。 0.1, :update => “article_list”, :with => ‘section’, :url =>{ :action => :get_article_list }) %> 这是我的开始: $(document).ready(function() { $(“#section”).bind(“keyup”, function() { var url = ‘/catalogs/get_article_list’; $.get(url, function(html) { $(“#article_list”).html(html); }); }); }); 我读了这篇文章,但我想我错过了一些东西。 不胜感激任何解释。 谢谢。

Jquery $ .each选择器

我想知道$.each()在jquery中代表什么, 选择什么? 原型中是否有等效物?

jQuery和Prototype目前有什么区别?

最近几个月我一直在构建Ruby on Rails站点,我只使用了少量的内置JavaScript函数。 但是,我将在未来几周和几个月内进行更多的JavaScript开发,并且我正在讨论要使用哪个JavaScript框架。 一方面,jQuery似乎更受欢迎,但是再次将Prototype内置到Rails中。 几年前我还在网上阅读了一些文章,讨论jQuery在某些方面是如何更简洁,但在其他方面却很邋and,并提出了各种其他意见。 所以我的问题是那些使用过两者的人(最近最近) : 从纯JavaScript和Ruby on Rails角度使用Prototype和jQuery有什么区别? 它们之间是否存在显着差异,或者它们在function和代码编写方面现在彼此非常接近? 在必须重新制作的事物和必须重写的代码方面,转换成本有多高? 谢谢