javascript - 如何通过动态内容生成实现不显眼的 javascript？

Question

我编写了很多动态生成的内容(在 PHP 下开发)，我使用 jQuery 为我的项目增加额外的灵 active 和功能。

问题是很难以不引人注目的方式添加 JavaScript。这是一个例子:

您必须生成随机数量的 div 元素，每个元素具有触发 onClick 的不同功能。我可以在我的 div 元素上使用 onclick 属性来调用带有参数的 JS 函数，但这只是一个糟糕的解决方案。此外，我可以在我的 PHP for 循环中为每个 div 生成一些 jQuery 代码，但话又说回来，这不会完全不引人注目。

那么在这种情况下有什么解决方案呢？

Answer 1

您需要向 div 添加一些内容来定义它们具有的行为类型，然后使用 jQuery 来选择这些 div 并添加行为。一种选择是使用类属性，尽管可以说这应该用于表示而不是行为。另一种方法是 rel 属性，但我通常发现您还想为每个行为指定不同的 CSS，因此在这种情况下类可能没问题。

例如，假设您想要奇数和偶数行为:

<div class="odd">...</div>
<div class="even">...</div>
<div class="odd">...</div>
<div class="even">...</div>

然后在 jQuery 中:

$(document).load(function() {
$('.odd').click(function(el) {
// do stuff
});
$('.even').click(function(el) {
// dostuff
});
});

jQuery有一个非常强大的选择器引擎，可以找到基于任何基于CSS的选择器，也支持一些XPath和它自己的选择器。认识他们! http://docs.jquery.com/Selectors