草庐IT

javascript - prototype 和jQuery 和平共处？

coder 2024-05-13 原文

我对 JavaScript 知之甚少，但尽管如此，我还是试图在我的 wordpress 博客上拼凑一些东西。它不起作用，我不知道如何解决它，嘿，这就是 StackOverflow 的用途，对吧？

首先，错误信息是:

Error: element.dispatchEvent is not a function
Source File: http://.../wp-includes/js/prototype.js?ver=1.6
Line: 3936

它发生在页面加载时。我的页面加载处理程序是这样注册的:

Event.observe(window, 'load', show_dates_as_local_time);

如果我禁用其他一些插件，错误就会消失，这(加上谷歌搜索)让我得出结论，这是原型(prototype)和 jQuery(其他一些插件使用的)之间的冲突。

其次，我遵循 wordpress 推荐的使用 wp_enqeue_script 的做法将我的 JavaScript 的依赖项添加到 Prototype 库，如下所示:

add_action( 'wp_print_scripts', 'depo_theme_add_javascript' );

function depo_theme_add_javascript() {
    wp_enqueue_script('friendly_dates', 'javascript/friendly_dates.js', array('prototype'));
}

现在我也意识到 jQuery 和 Prototype 之间存在一些潜在的冲突，这些冲突可以使用 jQuery noConflicts 方法解决。我试过从不同的地方打电话，但没有用。我认为这不是问题所在，因为 a) noConflict 函数只与 $ 变量相关，这似乎不是这里的问题，b) 我希望 wordpress 帮我解决这个问题，因为它可以...

最后，使用 Venkman 调试器，我确定错误消息中引用的 element 确实是 HTMLDocument，但也缺少 dispatchEvent。不确定这是怎么发生的，因为它是标准的 DOM 方法？

最佳答案

许多库都使用了一个我特别喜欢的讨厌的把戏，原型(prototype)似乎就是其中之一。

Mootools 就是这样做的，如果我是对的，它涉及重载许多基本类的原型(prototype)，猴子修补它们。

同样，当存在 mootools 和 jQuery 时，我同样遇到了奇怪的行为，通常 jQuery 会死掉，因为它正在调用一些对象方法，而这些方法已经被 Mootools 以某种方式重载/猴子修补。

此外，神秘的是，将 mootools 从脚本使用列表中移除后，一切 运行得更快，我断定这是由于较少的对象污染。

现在我可能是错的，但我根据我的经验得出结论，这些库只是不喜欢彼此共存，并且看到 mootools 代码在我看来如何降低正常事情的完成速度，我吸收所有基于 mootools 的代码并将其移植到 jQuery(我向你保证这是一项耗时的交易)，结果是代码快速 并且没有奇怪的错误那是无法解释的。

我建议您至少将迁移视为一个选项。

写作时还有一件事:

我倾向于将此语法与我所有的 jQuery 驱动代码一起使用，以便在有人以某种方式破坏“$”的情况下进行一些安全封装。

运行时代码 在执行之前等待 document.ready:

 jQuery(function($){ 
      code_with_$_here; 
 });

jQuery 插件

(function($){ 
    code_with_$_here; 
})(jQuery);

使用这些将使人们更容易使用您碰巧编写的任何 jQuery，从而能够在没有太多冲突问题的情况下使用它。

这基本上会让他们确保他们的代码没有做任何真正神奇的事情。

关于javascript - prototype 和jQuery 和平共处？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/415550/

和平共处共处codejQuerystrongjavascriptwordpressprototypejs

有关javascript - prototype 和jQuery 和平共处？的更多相关文章

  1. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过？我有一个调用Controller方法的JqueryPOSTajax调用，但我没有在其中放置任何真实性代码，但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  2. jquery - 如何将 AJAX 变量从 jQuery 传递到他们的 Controller ？ - 2

    我有一个电子邮件表格。但是我正在制作一个测试电子邮件表单，用户可以在其中添加一个唯一的电子邮件，并让电子邮件测试将其发送到该特定电子邮件。为了简单起见，我决定让测试电子邮件通过ajax执行，并将整个内容粘贴到另一个电子邮件表单中。我不知道如何将变量从我的HAML发送到我的Controllernew.html.haml-form_tagadmin_email_blast_pathdoSubject%br=text_field_tag'subject',:class=>"mass_email_subject"%brBody%br=text_area_tag'message','',:nam

  3. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  4. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  5. jquery - 如何在 rails 3.1 上安装 jQuery - 2

    我以为它已经安装了，但在我的gemfile中有gem"jquery-rails"但是在我的asset/javascripts文件夹中accounts.js.coffeeapplication.js都被注释掉了这是我的虚拟railsapplication但是在源代码中没有jQuery并且删除链接不起作用......任何想法都丢失了 最佳答案 看看thisRailscast.您可能需要检查application.js文件并确保它包含以下语句。//=requirejquery//=requirejquery_ujs

  6. jquery - Rails 如何创建 Jquery flash 消息而不是默认的 Rails 消息 - 2

    我想在页面顶部创建自定义Jquery消息而不是标准RailsFlash消息。我想在我的投票底部附近创建一条即时消息。我的Controller:defvote_up@post=Post.find(params[:id])current_user.up_vote(@post)flash[:message]='Thanksforvoting!'redirect_to(root_path,:notice=>'Takforditindlæg,deternuonline!')rescueMakeVoteable::Exceptions::AlreadyVotedErrorflash[:error]

  7. javascript - jQuery 的 jquery-1.10.2.min.map 正在触发 404(未找到) - 2

    我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的？ 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map，但任何事情都可能发生)首先要知道的是，这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文

  8. ruby-on-rails - 我将 Rails3 与 tinymce 一起使用。如何呈现用户关闭浏览器javascript然后输入xss？ - 2

    我有一个用Rails3编写的站点。我的帖子模型有一个名为“内容”的文本列。在帖子面板中，html表单使用tinymce将“content”列设置为textarea字段。在首页，因为使用了tinymce，post.html.erb的代码需要用这样的原始方法来实现。.好的，现在如果我关闭浏览器javascript，这个文本区域可以在没有tinymce的情况下输入，也许用户会输入任何xss，比如alert('xss');.我的前台会显示那个警告框。我尝试sanitize(@post.content)在posts_controller中，但sanitize方法将相互过滤tinymce样式。例如

  9. jquery - 在 Rails 中从原型(prototype)切换到 jquery，助手呢？ - 2

    我目前从prototype切换到jquery主要是为了支持简单的ajax文件上传。我使用:https://github.com/indirect/jquery-rails95%的javascript代码是由railshelper编写的，例如:-remote_function-render:updatedo|page|-page.replace_html'id',:partial=>'content'-page['form']['name']=something-page.visual_effect:highlight,'head_success'...我知道我必须为Jquery重写5%

  10. jquery - Ruby 1.9.1、Rails 2.3.2 和 jrails 0.4 出现 "rescue in const_missing"错误 - 2

    我最近开始了一个项目，团队决定我们希望使用jQuery而不是Prototype/Scriptaculous来满足我们的javascript需求。我们设置了我们的项目，并开始切换。插件已安装viatheseinstructions，一切都按计划进行。不久之后，当尝试运行“./script/server”时，我们收到以下错误:=>Rails2.3.2applicationstartingonhttp://0.0.0.0:3000/usr/local/lib/ruby/gems/1.9.1/gems/activesupport-2.3.2/lib/active_support/depende

随机推荐