我在插件中使用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文件它不再工作了。有人知道为什么吗?
最合适的回答,由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时,脚本才会添加到页脚(在结束正文标记上方)!