如何使用按钮调用Javascript - javascript

使用CMS WordPress，我有一个文件light.js，其目录是wordpress ... themes / mytheme / js / light.js。这是light.js的脚本：

$(document).ready(function(){$("#lightsoff").click(function(){$("body").prepend('<div id="fader" style="position: absolute; 
z-index: 1000; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.7); width: '+document.body.clientWidth+'px; height: '+document.body.clientHeight+'px; display: none;"></div>');$("#embed_holder").css("z-index","2000");$("#fader").fadeIn(500,function(){$("body")
.prepend('<div id="fader-message" style="position: absolute; z-index: 1100; top: 370px; left: 200px; 
color: #fff; font-size: 18px; font-family: Calibri;">Klik dimana saja pada layar untuk mematikan mode gelap.</div>');
$("#fader").bind("click",function(){$("#fader-message")
.fadeOut(1000,function(){$("#fader-message")
.remove();$("#fader").fadeOut(500,function(){$("#fader").remove();$("#embed_holder").css("z-index","0");});});});});});});

然后我在function.php中创建了一个函数，如下所示：

function lightsoff() {
      wp_enqueue_script('jquery');
      wp_enqueue_script('themesscript', get_template_directory_uri() . '/js/light.js', array('jquery'));    
}
add_action('wp_enqueue_scripts', 'lightsoff');

在我的wordpress帖子中，我试图使用以下脚本调用lightsoff函数：

<a href="javascript:void(0)" onclick="lightsoff()">Mode Gelap</a></div>

我检查了在源代码网页中打开发布页面时是否已读取light.js文件：

<script type='text/javascript' src='http://....../wp-content/plugins/wp-shortcode/js/jquery.tipsy.js?ver=4.7'></script>

但是当我单击Mode Gelap时，没有效果发生。哪一部分错了？请帮我。

参考方案

您已经在function.php中创建了lightsoff（）函数，因此lightsoff是php功能而不是js函数，因此您不能像这样调用它

<a href="javascript:void(0)" onclick="lightsoff()">Mode Gelap</a></div>

现在，解决方案是在JavaScript中创建lightsoff函数。这是代码。

$(document).ready(function(){
    function lightsoff() {
          wp_enqueue_script('jquery');
          wp_enqueue_script('themesscript', get_template_directory_uri() . '/js/light.js', array('jquery'));    
    }
});

将您的lightsoff（）函数放到里面

$(document).ready(function(){  
});

正如我上面提到的。

jQuery val函数在隐藏字段上不起作用？ - javascript

这是我的HTML代码：<div style='display:none;' id='allformid'> <div> <form action='#'> <input type='text' name='name' …

在JavaScript函数中转义引号 - javascript

我正在尝试将变量传递给javascript函数。根据用户的选择，它可以是文本或图像。这里已经讨论了类似的问题，但我无法解决。在php中，我这样编码：if ($choice == 1) { $img = '<img src = "../folder/'.$_SESSION["img"].'�…

如何在没有for循环的情况下在Javascript中使用Django模板标签 - javascript

我想在JavaScript中使用模板变量：我的问题是在javascript代码中使用for循环，for循环之间的所有事情都会重复..但我不想要....下面粘贴了我的代码..有人可以告诉我更好的方法吗这..因为这看起来很丑..这是我的代码： {% block extra_javascript %} <script src="/static/js…

使用JS和PHP更改弹出窗口背景图像 - javascript

我有一个JS函数：function zoom(now) { document.getElementById("popup").style.display = "block"; document.getElementById("photos").style.backgroundImage = …

打印二维阵列 - javascript

我正在尝试打印子元素。在this example之后。怎么做？。$myarray = array("DO"=>array('IDEAS','BRANDS','CREATIVE','CAMPAIGNS'), "JOCKEY"=>a…