我正在尝试与pikachoose集成时创建一个fancybox画廊.我有一切工作,除了我无法显示箭头或画廊工作时fancybox弹出显示.
这是我的HTML:
<ul class="jcarousel-skin-pika" id="pikame">
<li><a rel="gallery" href="/image1.jpg"><img alt="large image" src="/image1.jpg" /></a></li>
<li><a rel="gallery" href="/image2.jpg"><img alt="large image" src="/image2.jpg" /></a></li>
<li><a rel="gallery" href="/image3.jpg"><img alt="large image" src="/image3.jpg" /></a></li>
<li><a rel="gallery" href="/image4.jpg"><img alt="large image" src="/image4.jpg" /></a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
这是我的js:
jQuery(document).ready(function () {
var a = function (self) {
self.anchor.fancybox({
'arrows': 'true'
});
};
jQuery("#pikame").PikaChoose({
carousel: true,
autoPlay: false,
buildFinished: a
});
});
Run Code Online (Sandbox Code Playgroud)
这是一个关于基本集成的pikachoose网站的链接:除了一个fancybox画廊工作之外,我有一切(该选项不在这个网站上).http://www.pikachoose.com/how-to-fancybox/我见过其他人问过这个并没有可靠的答案.它甚至可能是不可能的.任何帮助表示赞赏.
我正在尝试在Select2 v4下拉项中显示fontawesome图标。但是下拉菜单显示的是html,而不是生成实际的图标。此方法适用于select2 V3,但似乎不适用于v4。任何帮助表示赞赏。谢谢
的HTML
<div class="select2-wrapper">
<select class="input icons_select2">
<option value="fa-dribbble" data-icon="fa-dribbble">Dribbble</option>
<option value="fa-dropbox" data-icon="fa-dropbox">Dropbox</option>
<option value="fa-facebook" data-icon="fa-facebook">Facebook</option>
</select>
</div>
Run Code Online (Sandbox Code Playgroud)
JS
function iformat(icon) {
var originalOption = icon.element;
return '<i class="fa ' + $(originalOption).data('icon') + '"></i> ' + icon.text;
}
$('.icons_select2').select2({
width: "100%",
templateSelection: iformat,
templateResult: iformat
});
Run Code Online (Sandbox Code Playgroud)
有关示例,请参见小提琴:http : //jsfiddle.net/qCn6p/206/
我有一个顶级粘性菜单栏.当页面开始滚动超过1px时,我添加了一些CSS更改.它现在很好用,但我需要它在滚动位置为0时改回来.任何帮助都表示赞赏.谢谢
这是js:
$(document).scroll(function(){
if($(this).scrollTop() > 1)
{
$('.row-1').css({"box-shadow":"0 1px 3px rgba(0, 0, 0, 0.4)"});
$('.row-1').css({"opacity":"0.9"});
}
});
Run Code Online (Sandbox Code Playgroud)