Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript SMint模板和滑块don';我们不能一起工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript SMint模板和滑块don';我们不能一起工作

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代码放到

所以我一直在尝试将SMINT模板和BJQS滑块组合在一起。我的目标是将滑块放在“SMINT演示页面/n某物”的右侧,下面是SMINT的外观示例:

要使滑块工作,我需要将以下行放入smint模板:

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代码放在图像列表之后,我觉得有点奇怪。至少我现在看到了。还有一个问题,我怎么把它放在页面右侧?我应该使用填充还是对齐?