js右侧工具栏未显示
Snap.js right sidebar not showing
我试图用snap.js创建两个可拖动的侧边栏。右侧栏不显示,取而代之的是左侧栏。
codepen演示:http://codepen.io/anon/pen/pjREZg
var snapper = new Snap({
element: document.getElementById('content'),
hyperextensible: false
});
var addEvent = function addEvent(element, eventName, func) {
if (element.addEventListener) {
return element.addEventListener(eventName, func, false);
} else if (element.attachEvent) {
return element.attachEvent("on" + eventName, func);
}
};
addEvent(document.getElementById('open-left'), 'click', function(){
if( snapper.state().state=="left" ){
snapper.close('left');
}else {
snapper.open('left');
}
});
$('#open-right').click(function(){
if( snapper.state().state=="right" ){
snapper.close('right');
}else {
snapper.open('right');
}
});
/* Prevent Safari opening links when viewing as a Mobile App */
(function (a, b, c) {
if(c in b && b[c]) {
var d, e = a.location,
f = /^(a|html)$/i;
a.addEventListener("click", function (a) {
d = a.target;
while(!f.test(d.nodeName)) d = d.parentNode;
"href" in d && (d.href.indexOf("http") || ~d.href.indexOf(e.host)) && (a.preventDefault(), e.href = d.href)
}, !1)
}
})(document, window.navigator, "standalone");
您试图从两个按钮调用一个侧边栏。
您需要创建另一个可以使用右键控制的侧边栏实例,如下所示:
var snapper2 = new Snap({
element: document.getElementById('content'),
hyperextensible: false
});
$('#open-right').click(function(){
if( snapper2.state().state=="right" ){
snapper2.close('right');
}else {
snapper2.open('right');
}
});
对不起,我已经解决了一分钟后张贴的问题…经过一夜的烦恼。
只是从中删除了显示none。snapjs-right .snap-drawer-right
简单到我都没注意到
相关文章:
- 在某些URL上显示火狐插件工具栏
- 在 Rails 上初始化应用程序 CSS 和 JavaScript 标签时,未显示 FullCalendar 标题工具栏
- KendoUI 工具栏拆分按钮会自动突出显示下拉列表中的第一个选项.如何使所有选项看起来相同
- 当我使用 ckeditor 工具栏时,它会添加 html 标签,而不是在显示时添加所需的效果
- 创建JS工作,但不显示工具栏
- TinyMCE 4在IE9(任何模式)中不显示工具栏图标
- 仅当具有 1 个工具栏的多个编辑器的编辑器处于焦点中时,才显示 TextAngular 工具栏
- 如何在我的WinJS工具栏上显示标签
- 隐藏和显示剑道ui编辑器工具栏
- 外部网格分页工具栏不显示在IE上
- 如何更新web探查器工具栏以显示有关ajax请求的数据
- 如何选择性地显示Chrome扩展'的工具栏图标
- js右侧工具栏未显示
- 删除绑定和CK编辑器工具栏不显示
- 启用/禁用ExtJS面板中基于活动显示的工具栏按钮
- Froala WYISWYG编辑器不显示工具栏
- 如何在 CKEDITOR 内联中禁用自动隐藏/显示工具栏
- tinymce文本编辑器中没有显示工具栏
- 从该工具栏中显示FireFox工具栏'
- IE9的JavaScript问题-当显示开发人员工具栏时没有问题