Javascript 如何获取按钮以调用表单

又是一个新手。我从旧站点页面获取了这段代码，并希望在新WP站点的页面上使用它。 我在WP的HEADER部分中添加了适当的HEAD信息，并在页面上添加了以下脚本，但是我似乎无法使用按钮来调用表单本身

非常感谢您的帮助

<center><form><input type="button" id="feedback-button" class="button" value="Open Support Ticket" /></form></center>

<script type="text/javascript">
window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, {


    // ==== custom trigger function ====
    triggerFunction : function( showCollectorDialog ) {
        $('#feedback-button').on( 'click', function(e) {
            e.preventDefault();
            showCollectorDialog();
        });

    }

});
    </script>

window.ATL_JQ_PAGE_PROPS=$.extend（window.ATL_JQ_PAGE_PROPS{
//==自定义触发功能====
triggerFunction:函数（showCollectorDialog）{
$（“#反馈按钮”）。打开（“单击”，函数（e）{
e、 预防默认值（）；
showCollectorDialog（）；
});
}
});

如果您的意思是希望按钮提交表单，则绝对不需要使用JavaScript；这是浏览器的默认行为。但是，您需要确保所有输入（包括submit按钮）都在相同的

表单

元素中。您还需要确保

表单

元素具有

操作

属性和

方法

属性。

在我看来，自定义触发器事件正在调用showCollectorDialog（）

您是否也有showCollectorDialog的代码

您可能希望尝试添加一条警报消息，以查看函数是否正在被调用

<script type="text/javascript">
window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, {


// ==== custom trigger function ====
triggerFunction : function( showCollectorDialog ) {
    $('#feedback-button').on( 'click', function(e) {
        alert("Yes, the button is getting executed!");
        e.preventDefault();
        showCollectorDialog();
        alert("No, looks like I passed the showCollectorDialog and is not working");
    });

}

});
</script>

window.ATL_JQ_PAGE_PROPS=$.extend（window.ATL_JQ_PAGE_PROPS{
//==自定义触发功能====
triggerFunction:函数（showCollectorDialog）{
$（“#反馈按钮”）。打开（“单击”，函数（e）{
警报（“是的，按钮正在执行！”）；
e、 预防默认值（）；
showCollectorDialog（）；
警报（“不，看起来我通过了showCollectorDialog，并且没有工作”）；
});
}
});

其他选项包括在按钮中包含一些代码，这是一个onClick事件，如

<center><form><input type="button" id="feedback-button" onClick="functionName()" class="button" value="Open Support Ticket" /></form></center>

onClick可以用来触发某种函数，具体取决于您需要的操作。我不能确切地说出代码在做什么，但可能正在打开一个弹出窗口获取支持票

确实，我们需要更多的细节，但看看上面的内容是否能帮助您至少解决开始时发生的问题