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

탭생성시 width 지정하여 회전 후 탭 width 변하는 문제 수정

Browse Source
This commit is contained in:
chicpro
2013-10-23 13:30:15 +09:00
parent 6d5aed522d
commit 6ed5635e74
1 changed files with 27 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,7 +8,8 @@
slide_class: "sidx_slide",
active_class: "slide_active",
tab_active: "tab_active",
duration: 500
duration: 500,
width_increase: 10
};
if(typeof option == "object")
@ -33,7 +34,6 @@
var idx = next = 0;
var tabw_width = 0;
var tab_width = 0;
var li_left = 0;
var pos_left = 0;
function tab_make()
@ -57,6 +57,12 @@
$tabs = $tab.find("li");
$btns = $tab.find("button");
$tabs.each(function() {
$(this)
.css("width", $(this).width())
.data("width", $(this).outerWidth());
});
$btns.on("click", function() {
tab_click($(this));
});
@ -82,7 +88,7 @@
$slides.not("."+cfg.active_class).css("left", "-"+width+"px");
if(count == 1) {
tab_width = $tabs.eq(0).outerWidth();
tab_width = $tabs.eq(0).data("width");
pos_left = parseInt((tabw_width - tab_width) / 2);
$tabs.eq(0).css("left", pos_left).addClass(cfg.tab_active);
} else if(count == 2) {
@ -96,6 +102,8 @@
$slides.eq((idx - 1)).css("left", "-"+width+"px");
$slides.eq((idx + 1) % count).css("left", width+"px");
}
set_tab_width(idx);
}
function swipe_left()
@ -126,6 +134,8 @@
$tabs.eq(next).addClass(cfg.tab_active);
}
set_tab_width(next);
$slides.eq(idx).clearQueue().animate(
{ left: "-="+width }, cfg.duration,
function() {
@ -174,6 +184,8 @@
$tabs.eq(next).addClass(cfg.tab_active);
}
set_tab_width(next);
$slides.eq(idx).clearQueue().animate(
{ left: "+="+width }, cfg.duration,
function() {
@ -192,6 +204,15 @@
$slides.eq(next).addClass(cfg.active_class);
}
function set_tab_width(idx)
{
$tabs.each(function() {
$(this).css("width", $(this).data("width"));
});
$tabs.eq(idx).css("width", "+="+cfg.width_increase);
}
function tab_position(idx)
{
$tabs.removeClass(cfg.tab_actie+" tab_listed tab_left").css("left", "-"+tabw_width+"px");
@ -199,8 +220,8 @@
var $tab_l = $tabs.eq(idx - 1);
var $tab_c = $tabs.eq(idx);
var $tab_r = $tabs.eq((idx + 1) % count);
var w_c = $tab_c.outerWidth();
var w_r = $tab_r.outerWidth();
var w_c = $tab_c.data("width");
var w_r = $tab_r.data("width");
var pl = 0;
var pc = parseInt((tabw_width - w_c) / 2);
@ -233,15 +254,10 @@
swipe_left();
}
$(window).on("load", function(e) {
$(window).on("load resize", function(e) {
swipe_init();
});
$(window).on("resize", function(e) {
swipe_init();
});
// swipe event
this.swipe({
swipe: function(event, direction, duration, fingerCount) {