阻止Joomla重新加载页面

Question

我在joomla文章中使用JavaScript时遇到问题。 单击提交按钮后，将重新加载整个页面，而不是执行Java脚本。 该代码在加载到joomla模板的index.php文件中时有效，但是由于某种原因从单个文章中加载时不起作用

 <div class="top"><form> <p style="text-align: right;"><label for="power">Power <input id="power" type="number" name="power" /> mW</label></p> <p style="text-align: right;"><input class="submit" type="submit" value="Calculate" /></p> </form></div> 

Java脚本

<script type="text/javascript">

/*jslint node: true */
/*global $, jQuery, alert*/
"use strict";
var $jQ = jQuery.noConflict();
alert(location.hostname);
jQuery(document).ready(function () {
    $jQ("form").submit(function (event) {
        alert("Calculate");
        event.preventDefault();
    });
});
</script>

谁能帮我解决这个问题？

Answer 1

如果在将代码手动添加到PHP文件中而不是将其放置在文章中时有效，则您的编辑器可能正在删除或更改代码。 检查您的编辑器设置，例如“ Allow JS”（此设置取决于您的编辑器）。 或者，尝试将编辑器设置为“无”，看看是否可行。

Answer 2

它看起来不错，尝试调试就绪（）调用，放置一个alert()调用（或更好console.log() 里面的代码，并可能取代就绪事件jQuery的：

<script type="text/javascript">
"use strict";
console.log("script is running");
jQuery(function () {
    console.log("hooking into submit");
    jQuery("form").submit(function (event) {
        event.preventDefault();
        console.log("alternate submit");
    });
});
</script>

然后打开控制台以查看日志（键F12 ），这至少应该为您提供一些有关卡住位置的指针。