Joomla 文章或模块中的 Javascript 未执行

Question

我想使用一段Javascript来过滤表格。我在没有 CMS 的情况下测试了代码，它运行得很好。但是，当我将其移动到 Joomla 时，Javascript 无法识别/执行。我猜想有什么东西被阻止或冲突。

我尝试使用 Sourcerer 添加代码，并使用 Flexi 代码将其添加到模块中。然而，没有效果。我在 Stackoverflow 上阅读了一些有关此问题的其他帖子，但这与此无关或没有解决方案。

不是像RS Firewall这样的程序会阻塞，而且我还检查了JCE的设置和文章选项。承认Javascript的所有权利都是可以的。

我在这里缺少什么？我怎样才能让它工作？

这是代码:

<script>
function myFunction() {
var input, filter, table, tr, td, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
} 
}
}
</script>

如前所述，我也在 Joomla 之外测试了整个代码，代码本身看起来还不错。所以与Joomla的结合就成了一个问题。

非常感谢任何帮助!

编辑:我创建了一个测试页:test filter tableJavascript 片段位于源代码的第 702 行左右。

谢谢!

Answer 1

答案很简单。您包含了必要的代码，但忘记调用它。 w3c 示例包含一个我在源代码中没有看到的事件绑定(bind)。

示例:

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names..">

您的代码:

<input id="myInput" title="Type in a name" type="text" placeholder="Search for names.." />

您需要在某处调用函数myFunction()。否则，什么也不会发生。如果您无法将此 onkeyup 直接添加到输入字段，您也可以使用以下 JavaScript 代码段:

$( document ).ready(function() {
    jQuery('#myInput').on('keyup', myFunction);
});