firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

탭 넓이를 outerWidth 로 변경

Browse Source
This commit is contained in:
chicpro
2013-10-24 08:59:04 +09:00
parent cf4a5b6dea
commit 7380e1d40b
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
js/shop.mobile.main.js
View File

@ -60,7 +60,7 @@
$tabs.each(function() { $tabs.each(function() {
$(this) $(this)
.css("width", $(this).width()) .css("width", $(this).width())
.data("width", $(this).outerWidth()); .data("width", $(this).width());
}); });
$btns.on("click", function() { $btns.on("click", function() {
@ -87,8 +87,10 @@
$slides.not("."+cfg.active_class).css("left", "-"+width+"px"); $slides.not("."+cfg.active_class).css("left", "-"+width+"px");
set_tab_width(idx);
if(count == 1) { if(count == 1) {
tab_width = $tabs.eq(0).data("width"); tab_width = $tabs.eq(0).outerWidth();
pos_left = parseInt((tabw_width - tab_width) / 2); pos_left = parseInt((tabw_width - tab_width) / 2);
$tabs.eq(0).css("left", pos_left).addClass(cfg.tab_active); $tabs.eq(0).css("left", pos_left).addClass(cfg.tab_active);
} else if(count == 2) { } else if(count == 2) {
@ -102,8 +104,6 @@
$slides.eq((idx - 1)).css("left", "-"+width+"px"); $slides.eq((idx - 1)).css("left", "-"+width+"px");
$slides.eq((idx + 1) % count).css("left", width+"px"); $slides.eq((idx + 1) % count).css("left", width+"px");
} }
set_tab_width(idx);
} }
function swipe_left() function swipe_left()
@ -128,14 +128,14 @@
$slides.eq(next).css("left", width+"px"); $slides.eq(next).css("left", width+"px");
$tabs.removeClass(cfg.tab_active); $tabs.removeClass(cfg.tab_active);
set_tab_width(next);
if(count >= 3) { if(count >= 3) {
tab_position(next); tab_position(next);
} else { } else {
$tabs.eq(next).addClass(cfg.tab_active); $tabs.eq(next).addClass(cfg.tab_active);
} }
set_tab_width(next);
$slides.eq(idx).clearQueue().animate( $slides.eq(idx).clearQueue().animate(
{ left: "-="+width }, cfg.duration, { left: "-="+width }, cfg.duration,
function() { function() {
@ -178,14 +178,14 @@
$slides.eq(next).css("left", "-"+width+"px"); $slides.eq(next).css("left", "-"+width+"px");
$tabs.removeClass(cfg.tab_active); $tabs.removeClass(cfg.tab_active);
set_tab_width(next);
if(count >= 3) { if(count >= 3) {
tab_position(next); tab_position(next);
} else { } else {
$tabs.eq(next).addClass(cfg.tab_active); $tabs.eq(next).addClass(cfg.tab_active);
} }
set_tab_width(next);
$slides.eq(idx).clearQueue().animate( $slides.eq(idx).clearQueue().animate(
{ left: "+="+width }, cfg.duration, { left: "+="+width }, cfg.duration,
function() { function() {
@ -220,8 +220,8 @@
var $tab_l = $tabs.eq(idx - 1); var $tab_l = $tabs.eq(idx - 1);
var $tab_c = $tabs.eq(idx); var $tab_c = $tabs.eq(idx);
var $tab_r = $tabs.eq((idx + 1) % count); var $tab_r = $tabs.eq((idx + 1) % count);
var w_c = $tab_c.data("width"); var w_c = $tab_c.outerWidth();
var w_r = $tab_r.data("width"); var w_r = $tab_r.outerWidth();
var pl = 0; var pl = 0;
var pc = parseInt((tabw_width - w_c) / 2); var pc = parseInt((tabw_width - w_c) / 2);