123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246 |
- $(function() {
- function f(l) {
- var k = 0;
- $(l).each(function() {
- k += $(this).outerWidth(true)
- });
- return k
- }
- function g(n) {
- var o = f($(n).prevAll())
- , q = f($(n).nextAll());
- var l = f($(".content-tabs").children().not(".J_menuTabs"));
- var k = $(".content-tabs").outerWidth(true) - l;
- var p = 0;
- if ($(".page-tabs-content").outerWidth() < k) {
- p = 0
- } else {
- if (q <= (k - $(n).outerWidth(true) - $(n).next().outerWidth(true))) {
- if ((k - $(n).next().outerWidth(true)) > q) {
- p = o;
- var m = n;
- while ((p - $(m).outerWidth()) > ($(".page-tabs-content").outerWidth() - k)) {
- p -= $(m).prev().outerWidth();
- m = $(m).prev()
- }
- }
- } else {
- if (o > (k - $(n).outerWidth(true) - $(n).prev().outerWidth(true))) {
- p = o - $(n).prev().outerWidth(true)
- }
- }
- }
- $(".page-tabs-content").animate({
- marginLeft: 0 - p + "px"
- }, "fast")
- }
- function a() {
- var o = Math.abs(parseInt($(".page-tabs-content").css("margin-left")));
- var l = f($(".content-tabs").children().not(".J_menuTabs"));
- var k = $(".content-tabs").outerWidth(true) - l;
- var p = 0;
- if ($(".page-tabs-content").width() < k) {
- return false
- } else {
- var m = $(".J_menuTab:first");
- var n = 0;
- while ((n + $(m).outerWidth(true)) <= o) {
- n += $(m).outerWidth(true);
- m = $(m).next()
- }
- n = 0;
- if (f($(m).prevAll()) > k) {
- while ((n + $(m).outerWidth(true)) < (k) && m.length > 0) {
- n += $(m).outerWidth(true);
- m = $(m).prev()
- }
- p = f($(m).prevAll())
- }
- }
- $(".page-tabs-content").animate({
- marginLeft: 0 - p + "px"
- }, "fast")
- }
- function b() {
- var o = Math.abs(parseInt($(".page-tabs-content").css("margin-left")));
- var l = f($(".content-tabs").children().not(".J_menuTabs"));
- var k = $(".content-tabs").outerWidth(true) - l;
- var p = 0;
- if ($(".page-tabs-content").width() < k) {
- return false
- } else {
- var m = $(".J_menuTab:first");
- var n = 0;
- while ((n + $(m).outerWidth(true)) <= o) {
- n += $(m).outerWidth(true);
- m = $(m).next()
- }
- n = 0;
- while ((n + $(m).outerWidth(true)) < (k) && m.length > 0) {
- n += $(m).outerWidth(true);
- m = $(m).next()
- }
- p = f($(m).prevAll());
- if (p > 0) {
- $(".page-tabs-content").animate({
- marginLeft: 0 - p + "px"
- }, "fast")
- }
- }
- }
- $(".J_menuItem").each(function(k) {
- if (!$(this).attr("data-index")) {
- $(this).attr("data-index", k)
- }
- });
- function c(title,href,index) {
- var o = href
- , m = index
- , l = title
- , k = true;
- if (o == undefined || $.trim(o).length == 0) {
- return false
- }
- $(".J_menuTab").each(function() {
- if ($(this).data("id") == o) {
- if (!$(this).hasClass("active")) {
- $(this).addClass("active").siblings(".J_menuTab").removeClass("active");
- g(this);
- $(".J_mainContent .J_iframe").each(function() {
- if ($(this).data("id") == o) {
- $(this).show().siblings(".J_iframe").hide();
- return false
- }
- })
- }
- k = false;
- return false
- }
- });
- if (k) {
- var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
- $(".J_menuTab").removeClass("active");
- var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
- $(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
- $(".J_menuTabs .page-tabs-content").append(p);
- g($(".J_menuTab.active"))
- }
- return false
- }
- $(".J_menuItem").on("click", c);
-
- window.createTab = c
-
- function h() {
- var m = $(this).parents(".J_menuTab").data("id");
- var l = $(this).parents(".J_menuTab").width();
- if ($(this).parents(".J_menuTab").hasClass("active")) {
- if($(".page-tabs-content").children("[data-id]").length == 1) {
- parent.closeActiveTab && parent.closeActiveTab();
- }
- if ($(this).parents(".J_menuTab").next(".J_menuTab").size()>=0) {
- var k = $(this).parents(".J_menuTab").next(".J_menuTab:eq(0)").data("id");
- $(this).parents(".J_menuTab").next(".J_menuTab:eq(0)").addClass("active");
- $(".J_mainContent .J_iframe").each(function() {
- if ($(this).data("id") == k) {
- $(this).show().siblings(".J_iframe").hide();
- return false
- }
- });
- var n = parseInt($(".page-tabs-content").css("margin-left"));
- if (n < 0) {
- $(".page-tabs-content").animate({
- marginLeft: (n + l) + "px"
- }, "fast")
- }
- $(this).parents(".J_menuTab").remove();
- $(".J_mainContent .J_iframe").each(function() {
- if ($(this).data("id") == m) {
- $(this).remove();
- return false
- }
- })
- }
- if ($(this).parents(".J_menuTab").prev(".J_menuTab").size()) {
- var k = $(this).parents(".J_menuTab").prev(".J_menuTab:last").data("id");
- $(this).parents(".J_menuTab").prev(".J_menuTab:last").addClass("active");
- $(".J_mainContent .J_iframe").each(function() {
- if ($(this).data("id") == k) {
- $(this).show().siblings(".J_iframe").hide();
- return false
- }
- });
- $(this).parents(".J_menuTab").remove();
- $(".J_mainContent .J_iframe").each(function() {
- if ($(this).data("id") == m) {
- $(this).remove();
- return false
- }
- })
- }
- } else {
- $(this).parents(".J_menuTab").remove();
- $(".J_mainContent .J_iframe").each(function() {
- if ($(this).data("id") == m) {
- $(this).remove();
- return false
- }
- });
- g($(".J_menuTab.active"))
- }
- return false
- }
- $(".J_menuTabs").on("click", ".J_menuTab i", h);
- function i() {
- $(".page-tabs-content").children("[data-id]").not(".active").each(function() {
- $('.J_iframe[data-id="' + $(this).data("id") + '"]').remove();
- $(this).remove()
- });
- $(".page-tabs-content").css("margin-left", "0")
- }
- $(".J_tabCloseOther").on("click", i);
- function j() {
- g($(".J_menuTab.active"))
- }
- $(".J_tabShowActive").on("click", j);
- function e() {
- if (!$(this).hasClass("active")) {
- var k = $(this).data("id");
- $(".J_mainContent .J_iframe").each(function() {
- if ($(this).data("id") == k) {
- $(this).show().siblings(".J_iframe").hide();
- return false
- }
- });
- $(this).addClass("active").siblings(".J_menuTab").removeClass("active");
- g(this)
- }
- }
- $(".J_menuTabs").on("click", ".J_menuTab", e);
- function d() {
- var l = $('.J_iframe[data-id="' + $(this).data("id") + '"]');
- var k = l.attr("src")
- }
- $(".J_menuTabs").on("dblclick", ".J_menuTab", d);
- $(".J_tabLeft").on("click", a);
- $(".J_tabRight").on("click", b);
- $(".J_tabCloseAll").on("click", function() {
- if($(".page-tabs-content").children("[data-id]").length == 1) {
- parent.closeActiveTab && parent.closeActiveTab();
- }
- $(".page-tabs-content").children("[data-id]").each(function() {
- $('.J_iframe[data-id="' + $(this).data("id") + '"]').remove();
- $(this).remove()
- });
- $(".page-tabs-content").children("[data-id]:first").each(function() {
- $('.J_iframe[data-id="' + $(this).data("id") + '"]').show();
- $(this).addClass("active")
- });
- $(".page-tabs-content").css("margin-left", "0")
- })
-
- $(window).on('resize',function() {
- $(".page-tabs-content").css("margin-left", 0)
- j()
- })
- });
|