javascript - 使用 jquery 动态更改 WordPress 菜单页面

Question

我正在尝试动态更改 Wordpress 菜单中的页面。也就是说，我不想更改菜单本身，而是更改后端显示的页面。我正在使用 jquery 在单击按钮后添加一个 div。我的 JavaScript 函数如下所示

$(document).ready(function(){
    $("#show").click(function(){
        $(".some_div").after("<div>I am added</div>").attr('class', 'some_class');      
    });
});

单击的按钮会提交表单，如下所示

<input type="submit" name="show" id="show" value="Show Me" class="button-primary" />

单击按钮后，脚本通过简单添加 div 即可正常工作。问题是，页面也被重新加载，并且 html 代码被“重置”，因此添加的 div 再次消失。有谁知道这个问题的解决方法吗？

Answer 1

尝试

$(document).ready(function(){
    $("#show").click(function(e){
        e.preventDefault();
        $(".some_div").after("<div>I am added</div>").attr('class', 'some_class');      
    });
});