在我的图库(jQuery)中使用箭头导航时,更改URL中的哈希
Change hash in URL when using arrows to navigate in my gallery (jQuery)
我在jQuery中有一个库
图片会变得一团糟。当我点击缩略图时,会出现哈希。但是,当我点击箭头或使用键盘上的箭头键导航时,哈希不会改变。
这是JavaScript代码:
$('#img-wrapper-tmpl').tmpl( {itemsCount : itemsCount} ).prependTo( $rgGallery );
if( itemsCount > 1) {
// addNavigation
var $navPrev = $rgGallery.find('a.rg-image-nav-prev'),
$navNext = $rgGallery.find('a.rg-image-nav-next'),
$imgWrapper = $rgGallery.find('div.rg-image');
$navPrev.on('click.rgGallery', function( event ) {
_navigate( 'left' );
return false;
});
$navNext.on('click.rgGallery', function( event ) {
_navigate( 'right' );
return false;
});
// add touchwipe events on the large image wrapper
$imgWrapper.touchwipe({
wipeLeft : function() {
_navigate( 'right' );
},
wipeRight : function() {
_navigate( 'left' );
},
preventDefaultEvents: false
});
$(document).on('keyup.rgGallery', function( event ) {
if (event.keyCode == 39)
_navigate( 'right' );
else if (event.keyCode == 37)
_navigate( 'left' );
});
}
},
_navigate = function( dir ) {
// navigate through the large images
if( anim ) return false;
anim = true;
if( dir === 'right' ) {
if( current + 1 >= itemsCount )
current = 0;
else
++current;
}
else if( dir === 'left' ) {
if( current - 1 < 0 )
current = itemsCount - 1;
else
--current;
}
_showImage( $items.eq( current) );
},
我使用jquery bbq取得了很多成功:http://benalman.com/projects/jquery-bbq-plugin/
你可以推送特定的散列值,替换整个东西,或者你想要的任何东西。
它还允许您处理/监视hashchange事件。
相关文章:
- 动态更改'汉堡包'导航取决于BG图像
- css,用于在移动视图中将引导导航栏更改为accordian
- 缩小并更改滚动时的背景导航栏
- jQuery:粘滞的导航栏会更改边距
- 单击启动CSS导航活动类更改
- Bootstrap更改移动设备的导航栏高度
- 在我的图库(jQuery)中使用箭头导航时,更改URL中的哈希
- 导航到另一个页面后,复选框状态会更改
- 更改css子元素导航树
- 使用Bootstrap3更改Scroll Jquery上导航栏的高度
- 当用户在选择框中选择选项时,使用window.location.href重定向用户只会更改导航器中URL的最后一位
- 导航栏在向下滚动时会更改背景,但在向上滚动时不会更改回来
- 使用jquery将垂直导航更改为水平导航
- 可访问的更改菜单项,用于使用不引人注目的JS进行导航,而不是jQuery,
- 不安全的 JavaScript 尝试启动带有 URL 的框架的导航更改 - 如何尝试捕获它
- 单页网站粘性导航:更改内容元素的活动状态
- 滚动 X 数量时将导航更改为“位置:固定”
- jQuery移动.导航更改url,不加载新页面
- jQuery导航-更改input parent-parent-parent-parent-sibling的输入
- JavaScript选项卡导航更改内容