使用单独的js文件进行引导

时间:2016-10-07 作者:wassereimer

我在插件中使用Bootstrap实现了一些功能。现在,我想将所需的js移动到外部文件。但如果我这样做,它就会停止工作。我已经搜索了一段时间,但我无法让它工作。

我在WordPress上添加了所有内容

wp_enqueue_script( \'ecp_admin_jquery\', plugins_url(\'/ext/jquery-3.1.1.min.js\' , __FILE__), array(), \'3.1.1\', false );
wp_enqueue_script( \'ecp_admin_bootstrap\', plugins_url(\'/ext/bootstrap-3.3.7/js/bootstrap.min.js\' , __FILE__), array(), \'3.3.7\', false );
wp_enqueue_script( \'ecp_admin_js\', plugins_url(\'/js/script.js\' , __FILE__), array(), \'1.0\', false );
现在我有以下示例

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>

<script>
$(document).ready(function(){
    $(\'[data-toggle="tooltip"]\').tooltip(); 
});
</script>
工作完美。但当我移动

    $(document).ready(function(){
    $(\'[data-toggle="tooltip"]\').tooltip(); 
});
到我的脚本。js文件它不再工作了。有人知道为什么吗?

1 个回复
最合适的回答,由SO网友:wassereimer 整理而成

wp_enqueue_script( \'ecp_admin_js\', plugins_url(\'/js/script.js\' , __FILE__), array(), \'1.0\', false );
必须是:

wp_enqueue_script( \'ecp_admin_js\', plugins_url(\'/js/script.js\' , __FILE__), array(), \'1.0\', true );
仅当设置为true时,脚本才会添加到页脚(在结束正文标记上方)!

相关推荐

如何使用两个不同文件向jQuery AJAX调用发送php变量

我需要从一个php文件(page.php)向另一个jquery文件(sender.js)中的Ajax调用发送一个私人电子邮件地址。此电子邮件地址必须对用户/或网站不可见,直到用户从wp\\U mail获得自动响应,它必须允许用户答复组织。此电子邮件地址因客户想要联系的组织而异(数百个)。我必须在表单之前从组织获取电子邮件地址,因为它是由javascript生成的。(generated\\u mail.js)发件人。js在页面的标题中被很好地调用。php我在(page.php)中尝试了这段代码——一个组织在