Javascript 循环图像标题不';行不通
我有循环幻灯片库,我在我的图片上放了一个标题,但我不明白为什么有些地方不对劲。只有我的属性名显示在我的标题上我不想属性名我想获取属性值我怎么了Javascript 循环图像标题不';行不通,javascript,jquery,html,css,cycle,Javascript,Jquery,Html,Css,Cycle,我有循环幻灯片库,我在我的图片上放了一个标题,但我不明白为什么有些地方不对劲。只有我的属性名显示在我的标题上我不想属性名我想获取属性值我怎么了 $(文档).ready(函数(){ $('.mySlideShow')。循环({ 日志:错误, 外汇:“淡出”, 幻灯片:“>a”, 标题:“.循环标题”, captionTemplate:“{{data caption}}”, pauseOnHover:是的, }); }) 。幻灯片库{ 位置:相对位置; 宽度:790px; 溢出:隐藏; 高度:50
$(文档).ready(函数(){
$('.mySlideShow')。循环({
日志:错误,
外汇:“淡出”,
幻灯片:“>a”,
标题:“.循环标题”,
captionTemplate:“{{data caption}}”,
pauseOnHover:是的,
});
})
。幻灯片库{
位置:相对位置;
宽度:790px;
溢出:隐藏;
高度:500px;
}
.幻灯片库{
最大宽度:100%;
身高:100%;
}
.循环标题{
位置:绝对位置;
底部:0;
左:0;
背景:rgba(0,0,0,8);
填充:10px;
颜色:#FFF;
z指数:1000;
宽度:100%;
文本对齐:居中;
}
似乎必须将
captionTemplate
设置为顶层元素的属性,即幻灯片,在本例中为a
元素
这似乎奏效了
$(文档).ready(函数(){
$('.mySlideShow')。循环({
日志:错误,
外汇:“淡出”,
幻灯片:“>a”,
标题:“.循环标题”,
captionTemplate:“{{target}}”,
pauseOnHover:是的,
});
})
。幻灯片库{
位置:相对位置;
宽度:790px;
溢出:隐藏;
高度:500px;
}
.幻灯片库{
最大宽度:100%;
身高:100%;
}
.循环标题{
位置:绝对位置;
底部:0;
左:0;
背景:rgba(0,0,0,8);
填充:10px;
颜色:#FFF;
z指数:1000;
宽度:100%;
文本对齐:居中;
}
似乎必须将
captionTemplate
设置为顶层元素的属性,即幻灯片,在本例中为a
元素
这似乎奏效了
$(文档).ready(函数(){
$('.mySlideShow')。循环({
日志:错误,
外汇:“淡出”,
幻灯片:“>a”,
标题:“.循环标题”,
captionTemplate:“{{target}}”,
pauseOnHover:是的,
});
})
。幻灯片库{
位置:相对位置;
宽度:790px;
溢出:隐藏;
高度:500px;
}
.幻灯片库{
最大宽度:100%;
身高:100%;
}
.循环标题{
位置:绝对位置;
底部:0;
左:0;
背景:rgba(0,0,0,8);
填充:10px;
颜色:#FFF;
z指数:1000;
宽度:100%;
文本对齐:居中;
}
您定义标题的方式几乎没有错误 错误1- 首先,不支持使用中的数据标题属性来显示标题。阅读文档后,尽管有数据标题,您仍可以使用数据循环标题作为标题 错误2- 由于选择器是锚定标记幻灯片:“>a”在jquery代码中,字幕将作用于锚定标记而不是
captionTemplate: "' {{cycleTitle}}'",
下面是工作示例。快乐编码:)
$(文档).ready(函数(){
$('.mySlideShow')。循环({
日志:错误,
外汇:“淡出”,
幻灯片:“>a”,
标题:“.循环标题”,
captionTemplate:“{{CycleTile}}”,
pauseOnHover:是的,
});
})
。幻灯片库{
位置:相对位置;
宽度:790px;
溢出:隐藏;
高度:500px;
}
.幻灯片库{
最大宽度:100%;
身高:100%;
}
.循环标题{
位置:绝对位置;
底部:0;
左:0;
背景:rgba(0,0,0,8);
填充:10px;
颜色:#FFF;
z指数:1000;
宽度:100%;
文本对齐:居中;
}
您定义标题的方式几乎没有错误 错误1- 首先,不支持使用中的数据标题属性来显示标题。阅读文档后,尽管有数据标题,您仍可以使用数据循环标题作为标题 错误2- 由于选择器是锚定标记幻灯片:“>a”在jquery代码中,字幕将作用于锚定标记而不是
captionTemplate: "' {{cycleTitle}}'",
下面是工作示例。快乐编码:)
$(文档).ready(函数(){
$('.mySlideShow')。循环({
日志:错误,
外汇:“淡出”,
幻灯片:“>a”,
标题:“.循环标题”,
captionTemplate:“{{CycleTile}}”,
pauseOnHover:是的,
});
})
。幻灯片库{
位置:相对位置;
宽度:790px;
溢出:隐藏;
高度:500px;
}
.幻灯片库{
最大宽度:100%;
身高:100%;
}
.循环标题{
位置:绝对位置;
底部:0;
左:0;
背景:rgba(0,0,0,8);
填充:10px;
颜色:#FFF;
z指数:1000;
宽度:100%;
文本对齐:居中;
}
您不能使用吗?您不能使用吗?