我在wordpress网站上遇到问题,我的nivo滑块不会加载横幅图片并显示它们.
我很确定它与jquery一起被加载到其他地方,但我只是不知道.
有人可以看看我的网站css-signs.ie 并检查错误
这是错误
Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function
我有使用Modernizr加载的问题.我正在使用Modernizr,jQuery和Nivo滑块.有时当我刷新我的主页时,我的滑块显示不正确,有时候一切都很棒.
我的方法是正确的吗？
HTML:
<!-- SCRIPTS -->
<script type="text/javascript" src="js/plugins/modernizr-2.0.6.js"></script>
<script type="text/javascript" src="js/master.js"></script>
在master.js中:
Modernizr.load([
{
load: 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js',
complete: function () {
if ( !window.jQuery ) {
Modernizr.load('js/plugins/jquery-1.7.1.js');
}
init();
}
},
{
load: 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js',
complete: function () {
if ( !window.jQuery ) {
Modernizr.load('js/plugins/jquery-ui-1.8.16.js');
}
}
}
]);
// START ******
function init() {
$(document).ready(function(){
// Home > Slider ----------------------------------------------
if($('#slider').length){
Modernizr.load([
{
both: [ 'js/plugins/jquery-nivoslider.js', 'css/nivo-slider.css' ],
complete: function(){
$('#slider').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
animSpeed: 1000, …我想让nivoSlider在这个网站http://fritech.co.uk/上工作,它有三张图片
<div id="slideshow" class="section theme-nivo">
<div class="ribbon"></div>
<div class="nivoSlider">
<img src="static/img/logos.png" alt="Our inhouse skills" />
<img src="static/img/atlanta.png" alt="Modern technologies" />
<img src="static/img/boston.png" alt="Ruggedly tested software" />
</div>
</div>
然而nivoSlider只显示其中一个,总是最顶层的.我不确定这里出了什么问题.任何帮助,将不胜感激.
我正在使用 nivo 折线图，并希望将 x 轴用作时间轴，精确到一分钟。不幸的是，我无法呈现该图表，因为它无法正确读取日期。例如，这是我的数据的一部分：
{ x: "2020-04-24T13:07:44.000+0000", y: 0.8063946735624102 }
这是图表获取的数据，使用以下代码生成：
let cpuEntry = {
x: data[i].created,
y: data[i].system_cpu
};
当我尝试打开图表时，我收到此错误消息：
Uncaught TypeError: v.getTime is not a function
经过一番研究，我发现，图表需要一个日期对象。我是这样包装的：
x: new Date(data[i].created),
这给了我这样的结果：
Fri Apr 24 2020 15:07:44 GMT+0200
和这个错误：
Uncaught Error: Objects are not valid as a React child (found: Fri Apr 24 2020 15:25:00 GMT+0200). If you meant to render a collection of children, use an array instead.
这是我在 ResponsiveLine 中配置的一部分：
xScale={{
format: 'native',
type: 'time'
}} …我的index.php底部包含以下行:
<script type="text/javascript" language="javascript" src="class/jquery-1.4.3.min.js"> </script>
<script type="text/javascript" language="javascript" src="class/jquery.nivo.slider.pack.js"></script>
<script type='text/javascript' language='javascript'>
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
问题在于$(window).load...
index.php的主体通过ajax调用更新onload,在匹配时提供div#slider.这使它nivoSlider()不执行.你有什么把戏让这件事有用的伎俩吗？我更喜欢非jquery方式,但在一天结束时,任何事情都有帮助.
非常感谢
我想2 of 10在我的滑块上显示幻灯片计数.如何使其与过渡工作3 of 10,4 of 10(如幻灯片滑块移动)7 of 10(如果相应的缩略图是点击)？
我想知道是否有任何使用Jquery Nivo Slider经验的人知道如果滑块只有1张图像你是否可以隐藏上一个/下一个按钮？我使用滑块的原因是因为我有一大堆其他图像通过分页加载到滑块中:P所以我只是想知道这是否可行？:)
我正在使用nivo滑块进行图像幻灯片放映.所有在FF,Chrome等看起来都不错.虽然在IE中显示非常奇怪(见附件)(在8(xp)+ 9(win7)上测试).
有没有人遇到过这个？
这是代码:
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="pathtoimage" alt="" />
<img src="pathtoimage" alt="" />
<img src="pathtoimage" alt="" />
<img src="pathtoimage" alt="" />
</div>
</div>
.
$('#slider').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
slices: 15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4, // For box animations
animSpeed: 500, // Slide transition speed
pauseTime: 3000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: false, …我正在使用 Nivo 滑块...
我设法使用 css 隐藏了滑块底部的数字。
我现在想要做的是用我在 photoshop 中制作的箭头替换“上一个”和“下一个”……我一直在这里和谷歌上搜索，但我找不到解决方案。
如果有人可以提供帮助，我将不胜感激。
桑迪普