Javascript SMint模板和滑块don';我们不能一起工作
所以我一直在尝试将SMINT模板和BJQS滑块组合在一起。我的目标是将滑块放在“SMINT演示页面/n某物”的右侧,下面是SMINT的外观示例: 要使滑块工作,我需要将以下行放入smint模板:Javascript SMint模板和滑块don';我们不能一起工作,javascript,jquery,html,Javascript,Jquery,Html,所以我一直在尝试将SMINT模板和BJQS滑块组合在一起。我的目标是将滑块放在“SMINT演示页面/n某物”的右侧,下面是SMINT的外观示例: 要使滑块工作,我需要将以下行放入smint模板: jQuery(document).ready(function($) { $('#banner-fade').bjqs({ 'height' : 320, 'width' : 620, 'responsive' : true }); }); 我想把上面提到的jQuery代码放到
jQuery(document).ready(function($) {
$('#banner-fade').bjqs({
'height' : 320,
'width' : 620,
'responsive' : true
});
});
我想把上面提到的jQuery代码放到我创建的slider.js文件中,但是slider甚至没有显示出来,它就是不工作。我做错了什么?据我所知,$(document.ready();应该只写一次。还有人能解释一下我应该如何对脚本文件进行优先级排序:在head bjqs脚本或smint中,什么是第一位的
到目前为止,SMINT模板如下所示:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="bjqs.min.js"></script>
<link type="text/css" rel="Stylesheet" href="bjqs.css" />
// ^^^^ necessary lines for BJQS
<script src="slider.js"></script>
// ^^^ my created .js file that I want to have the BJQS code in.
<link href="css/demo.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/jquery.smint.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint({
'scrollSpeed' : 1000
});
// I tried putting here $('#banner-fade').bjqs({ bla bla
});
</script>
</head>
<body>
<div class="wrap ">
<div class="section sTop">
<div class="inner">
<h1 class="title">SMINT Demo Page</h1>
<h2 class="subtitle">Something something something</h2>
</div>
<div id="my-slideshow">
<ul class="bjqs">
<li img src="img/banner01.jpg"> </li>
<li img src="img/banner02.jpg"> </li>
<li img src="img/banner03.jpg"> </li>
</ul>
</div>
</div>
//^^^^^ BJQ的必要行
//^^^我创建了一个.js文件,我想在其中包含BJQS代码。
$(文档).ready(函数(){
$('.subMenu').smint({
“滚动速度”:1000
});
//我试着把$(#banner fade').bjqs({bla bla')放在这里
});
SMINT演示页面
一些东西
我希望我的问题很清楚。谢谢您的帮助!console中有错误吗?TypeError:$(…).bjqs不是函数滑块。js:4未声明HTML文档的字符编码。如果文档包含US-ASCII范围以外的字符,则在某些浏览器配置中,文档将使用乱码文本呈现。页面的字符编码必须在文档或传输协议中声明。index.HTMLTypeError:$(…)。position(…)为Null这表示您的
bjqs
脚本没有被time slider.js加载。您是否尝试单独使用插件?是否有效?我终于成功了。我放置了bjqs的调用行(不确定如何调用它们,可能是链接?)在smint之后。我把javascript代码放在图像列表之后,我觉得有点奇怪。至少我现在看到了。还有一个问题,我怎么把它放在页面右侧?我应该使用填充还是对齐?