在函数中添加JavaScript的正确方法。php

时间:2018-03-07 作者:Henrique Barcelos

我是WordPress的新手,我开发了一个代码,可以在小部件中单击带有某些样式的按钮后加载iframe。但是它破坏了模板的布局,我想知道如何将我的函数添加到模板中。

<a id="fazer_pedido" href="https://example.com" onclick="document.getElementById(\'load-chat\');
this.style.cursor = \'default\';
this.style.opacity = \'0.1\';
document.getElementById(\'load-chat\').height = \'400px\';
document.getElementById(\'load-chat\').style.boxShadow = \'0px 3px 15px #e4e4e4\';
document.getElementById(\'load-chat\').style.borderRadius = \'15px\';" target="load-chat">Load the iframe</a>

        <iframe frameborder="0" id="load-chat" name="load-chat" scrolling="0" style="overflow:hidden" width="100%"/>
我想我需要将函数添加到函数中。php,但我不知道怎么做。

1 个回复
SO网友:syner
function my_scripts() {
    // Register the script like this for a plugin:
    wp_register_script( \'custom-script\', plugins_url( \'/js/custom-script.js\', __FILE__ ) );
    // or
    // Register the script like this for a theme:
    wp_register_script( \'custom-script\', get_template_directory_uri() . \'/js/custom-script.js\' );

    // For either a plugin or a theme, you can then enqueue the script:
    wp_enqueue_script( \'custom-script\' );
}
add_action( \'wp_enqueue_scripts\', \'my_scripts\' );

Source :wordpress codex

结束

相关推荐

在文本编辑器中添加HTML会在发布时自动添加不需要的段落

当我写页面时,我想编写自己的HTML来完成我得到的设计。为此,我使用“文本”编辑器视图而不是“可视化”编辑器。我不会在它们之间切换,不幸的是,在发布代码时,由于某种原因,它会自动添加<p></p> 和<br> 打破设计的元素。我是否遗漏了一些复选框以避免出现这种情况?是否有其他解决方案开始使用类似的插件raw html ?