我正在尝试安装unslider 我的WordPress网站的jquery插件。我在WordPress文本编辑器中输入了以下代码,但没有得到预期的结果。我将$改为jQuery,但这也没有解决它。
<!-- The barebones HTML required for Unslider -->
<div class="banner">
<ul><li>This is my slider.</li><li>Pretty cool, huh?</li></ul>
</div>
<!-- And the relevant JavaScript -->
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="/path/to/unslider.js"></script> <!-- but with the right path! -
->
<script>$(function() { $(\'.banner\').unslider() })</script>
输出:
这是我的滑块。很酷吧?
$(function(){$(\'.banner\')。unslider()})
最合适的回答,由SO网友:Johansson 整理而成
您可以使用此PHP代码在主题页脚中输出滑块的启动器:
add_action(\'wp_footer\',\'initiate_unslider\');
function initiate_unslider () {
?>
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="/path/to/unslider.js"></script>
<script>
$(document).ready(function() {
$(\'.banner\').unslider();
});
</script>
<?php
}
此外,添加
$(document).ready
在启动滑块之前,以防页面的某些必要组件尚未加载。