javascript - 如何正确地使这个 js 片段内容不可知？

Question

这有效：

http://jsfiddle.net/4XQ2u/16/

但是，除了代码上的其他不好的事情外，您可能会注意到我大量添加了以下内容：

val('Remove Translation Fields');

和

val('Add Translation Fields');

假设我们需要重用这个脚本、这个功能、这个交互，而不是添加或删除我们希望的“翻译”，添加或删除“更多详细信息”，或者添加或删除“任何其他字段集” sort" - 或者，例如，假设我们需要翻译这个应用程序......像这样一个糟糕的 javascript，会迫使我们每次应用程序内容发生变化时，我们都必须相应地编辑这个 javascript。

我对javascript（jquery）和一般编程相当陌生，所以我想问一下：

有什么替代方案可以使这个脚本内容的变体不可知？

如果相关，请注意这是使用 Yii 框架的 PHP MVC 应用程序的一部分。

Answer 1

我将采取的方法是仅处理您的 html 中的内容以及您的 PHP信息中的任何本地化（即语言、货币、数字）here。然后可以使用 JavaScript 来操纵标记以执行行为任务，从而很好地分离您的关注点。

例如。在您的实例中，我只需要两个按钮，其中一个在加载时使用 css 隐藏，并根据您页面中发生的事件切换它们。

我已经更新了你原来的小提琴，以反映这里的一些简单变化。