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可用于根据您需要的操作触发某种功能。我无法确切地知道代码在做什么，但也许是为支持票打开一个弹出窗口？

我们真的需要更多详细信息，但看看上面是否有助于您至少解决正在发生的事情。

如何获取调用表单的按钮

2 个答案: