0

自行解决：

只需将文档就绪功能添加到我的脚本中。

最初我使用相同的代码，但在我的主题中使用：

add_action('wp_footer', function () {
    wp_enqueue_script('modal', get_stylesheet_directory_uri() . '/modal.js', array(), '1.0', false);
});

一切正常。

今天早上我决定将脚本移动到我的插件中，现在按钮什么也不做。

我在控制台中没有任何帮助我调试它。

该脚本在插件中注册并入队：

wp_register_script( 'modal_script', plugin_dir_url( __FILE__ ) . 'js/modal.js', array('jquery'), '1.0', true );
wp_enqueue_script( 'modal_script' );

按钮和类：

<button onclick="anotherFunction()" class="trigger">Request Stamp</button>
<div class="modal">
    <div class="modal-content">
        <span class="close-button">x</span>

modal.js：

var modal = document.querySelector(".modal");
var trigger = document.querySelector(".trigger");
var closeButton = document.querySelector(".close-button");

function toggleModal() {
    modal.classList.toggle("show-modal");
}

function windowOnClick(event) {
    if (event.target === modal) {
        toggleModal();
    }
}

trigger.addEventListener("click", toggleModal);
closeButton.addEventListener("click", toggleModal);
window.addEventListener("click", windowOnClick);

单击按钮后控制台中没有任何内容可以帮助我调试，网络显示脚本是从新插件位置加载的。

有任何想法吗？

4

1 回答 1

0

刚刚添加：

jQuery(document).ready(function(){

到我的js，一切正常。

于 2019-07-25T15:09:04.400 回答