如何获取调用表单的按钮

Question

这里有另一个新手。我从旧网站页面获取此代码，并希望在新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>

Answer 1

如果您的意思是希望按钮提交表单，则绝对不需要使用JavaScript;这是浏览器的默认行为。但是，您需要确保包括提交按钮在内的所有输入都在同一个form元素中。您还需要确保form元素具有action属性和method属性。

Answer 2

在我看来，自定义触发器事件正在调用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>

其他选项包括按钮中的一些代码是onClick事件，如...

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

onClick可用于根据您需要的操作触发某种功能。我无法确切地知道代码在做什么，但可能是打开支持票的弹出窗口？

我们真的需要更多的细节，但看看上面是否有助于你至少解决开始时发生的事情。