问题标签 [unobtrusive-javascript]

Hi I am messing around with google ajax api at the momemt and following the examples from the documentation I have two script tags in my html file:

All works fine, but it will not work when I am using jquery and trying to call the google.load('search', '1'); in an external javascript file after $(document).ready(function()

I get the following error: null is null or not an object.

I am obviously missing something fundamental as I am just learning javascript but I was under the impression that it is best to use javascript unobtrusively. The second script tag that actually contains some js code isnt unobtrusive. Can anyone lend any help with this please?

我正在尝试剖析一些设计良好的网站，以了解更多关于不显眼的 JS 的信息。我遇到的一个问题是，一种用于不显眼/优雅降级的技术似乎是加载基本 HTML 页面并使用 JS 大量修改/附加元素。

如果有一个工具可以让我选择性地加载脚本和 html 资源，那就太好了，这样我就可以更容易地看到什么在修改什么。一个很棒的工具就像 Chrome 的资源窗口一样，我可以右键单击资源并选择“不加载”或其他东西......

谢谢！

PS。如果有人有他们推荐我看看的网站，非常感谢。我现在正在查看 Fanbase.com

我最近读了一篇博文。在其中，作者告诉读者不要将所有onclick事件连接起来，而是在 DOM 准备好时连接起来，就像这样（jQuery 示例）：

这适用于页面上附加了事件的所有元素。那个脚本块，连同它的所有连线，都应该放在页面的末尾。

他说，将其设置为内联更难维护：

但他没有说为什么。

这在其他人的经历中是真的吗？这样做是更好的做法吗？它的优点是什么？

使用 JavaScript 令人困惑的事情之一是使用this

然而，当处理多个对象，尤其是事件的this变化上下文时，会变得难以跟踪/理解。

因此，如果有人有更好的输入/指南/想法/更好的做法，请分享。另外我想知道使用是否会this带来任何（性能）​​优势或什么？

嘿！我试图在同一个容器（div#realContent）中加载 jQuery 内容，似乎当我使用“标题”输入 div ID（所有链接相同的标题）时，历史记录停止工作。

你可以在这里输入http://home.d23.com.uy/fermata/ user: fermata pass: fermata ，看看我的意思。

谢谢

我最近开始学习不显眼的 JavaScript。使用 JQuery 真的很有趣。

然而，这种编写 JavaScript 代码的想法已经与传统方式相去甚远。有时也添加快速 onclick="fun()" 很有帮助，随着应用程序的增长，100% 不显眼的代码“有时”变得难以编写。就像将多个事件附加到一个 DOM 元素并考虑执行哪个事件？

所以我想知道在编写不显眼的 JavaScript 代码以保持生活轻松时应该注意的几点。

谢谢，

在 Rails 3 应用程序中，我想让浏览器在某个复选框被切换时调用远程函数。在 Rails 2 中，这很容易通过传递

到复选框助手。在 Rails 3 中，remote_* 函数已被弃用，因此我尝试了以下解决方法：

• 使用在复选框周围创建一个表单form_tag ... :remote => true
• $("dummy_form").submit();通过从onclick处理程序调用提交表单

在 Rails 捆绑的 rails.js 文件中是一个监听submit事件的观察者。但是，这些似乎仅在用户单击提交按钮时触发，而不是在form.submit()被调用时触发（目前仅在 FF 中测试）。

这会产生不希望的效果，即提交不是通过 AJAX 在后台完成，而是以正常方式完成，因此浏览器会离开当前站点并显示来自控制器的响应。

有谁知道解决方法？也许完全不同的方式来获得相同的功能？

鉴于我有以下代码块

如何使该方法mb.abc可以从页面访问，但不能mb.xyz？

以下2个代码示例有什么区别：

和

我计划使用 JSONP 调用外部 Web 服务来解决我不想创建可能与调用页面发生冲突的全局函数的事实。我认为创建一个随机函数名称并传递它会起作用。像这样的东西：

cb回调函数名称在哪里，服务器会返回

我想知道的是如何创建随机函数名称，我确定我可以使用eval，但这是最好的方法吗？

本质上，我想做的是：