سعید شعبانی

ادغام تمام فایل های javascript در یک فایل

8 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام

من داخل قالب سایتم 3 کد javascript دارم که یکیشون را در یک فایل .js ذخیره کردم و در هدر فراخوانی می کنم و دوتای دیگه را هم به صورت جداگانه مستقیما داخل فوتر قالب قرار دادم. حالا می خواهم که اگر بشه این سه تا فایل جاوا اسکریپت را در یک فایل قرار بدم. آیا امکانش هست؟

کمی هم جستجو کردم و به این صفحه رسیدم ولی چیزی ازش نفهمیدم

ویرایش شده در توسط سعید شعبانی
0

به اشتراک گذاری این پست


لینک به پست

خوب همه رو توی یک فایل کپی کنید

مشکلی نداره

0

به اشتراک گذاری این پست


لینک به پست

من همه رو داخل یک فایل گذاشتم به شکل زیر


//تب
$(document).ready(function(){$(".tab_content").hide();$("ul.tabs li:first").addClass("active").show();$(".tab_content:first").show();$("ul.tabs li").click(function(){$("ul.tabs li").removeClass("active");$(this).addClass("active");$(".tab_content").hide();var activeTab=$(this).find("a").attr("href");if($.browser.msie){$(activeTab).show();}
else{$(activeTab).fadeIn();}
return false;});});$(document).ready(function(){$(".tab_content1").hide();$("ul.tabs1 li:first").addClass("active").show();$(".tab_content1:first").show();$("ul.tabs1 li").click(function(){$("ul.tabs1 li").removeClass("active");$(this).addClass("active");$(".tab_content1").hide();var activeTab=$(this).find("a").attr("href");if($.browser.msie){$(activeTab).show();}
else{$(activeTab).fadeIn();}
return false;});});
//گوگل آنايلز
var _gaq=_gaq||[];_gaq.push(["_setAccount","UA-30744573-1"]);_gaq.push(["_trackPageview"]);(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//منوي چسبان
$(window).scroll(function(){var e=$(window).scrollTop();var t=150;if(e<t){$("#header").removeClass("sticky")}else{$("#header").addClass("sticky")}})
//بخش ورود
$(document).ready(function(){$("a[id=modal]").click(function(e){e.preventDefault();var t=$(this).attr("href");var n=$(document).height();var r=$(window).width();$("#mask").css({width:r,height:n});$("#mask").fadeIn(1e3);$("#mask").fadeTo("slow",.9);var i=$(window).height();var s=$(window).width();$(t).css("top",i/2-$(t).height()/2);$(t).css("left",s/2-$(t).width()/2);$(t).fadeIn(1e3)});$(".window .close").click(function(e){e.preventDefault();$("#mask, .window").hide()});$("#mask").click(function(){$(this).hide();$(".window").hide()})})

اونی که برای tab و گوگل آنالیز هست درست کار می کنه ولی اون هایی که برای نوار چسبان و بخش ورود هست درست کار نمی کنند

0

به اشتراک گذاری این پست


لینک به پست

اینطور تست کنید:

//تب

$(document).ready(function(){

$(".tab_content").hide();$("ul.tabs li:first").addClass("active").show();$(".tab_content:first").show();$("ul.tabs li").click(function(){$("ul.tabs li").removeClass("active");$(this).addClass("active");$(".tab_content").hide();var activeTab=$(this).find("a").attr("href");if($.browser.msie){$(activeTab).show();}

else{$(activeTab).fadeIn();}

return false;});});$(document).ready(function(){$(".tab_content1").hide();$("ul.tabs1 li:first").addClass("active").show();$(".tab_content1:first").show();$("ul.tabs1 li").click(function(){$("ul.tabs1 li").removeClass("active");$(this).addClass("active");$(".tab_content1").hide();var activeTab=$(this).find("a").attr("href");if($.browser.msie){$(activeTab).show();}

else{$(activeTab).fadeIn();}

return false;});

//بخش ورود

$("a[id=modal]").click(function(e){e.preventDefault();var t=$(this).attr("href");var n=$(document).height();var r=$(window).width();$("#mask").css({width:r,height:n});$("#mask").fadeIn(1e3);$("#mask").fadeTo("slow",.9);var i=$(window).height();var s=$(window).width();$(t).css("top",i/2-$(t).height()/2);$(t).css("left",s/2-$(t).width()/2);$(t).fadeIn(1e3)});$(".window .close").click(function(e){e.preventDefault();$("#mask, .window").hide()});$("#mask").click(function(){$(this).hide();$(".window").hide()})

//منوي چسبان

$(window).scroll(function(){var e=$(window).scrollTop();var t=150;if(e<t){$("#header").removeClass("sticky")}else{$("#header").addClass("sticky")}})

});

//گوگل آنايلز

var _gaq=_gaq||[];_gaq.push(["_setAccount","UA-30744573-1"]);_gaq.push(["_trackPageview"]);(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();

1

به اشتراک گذاری این پست


لینک به پست

ّباز همون مشکل قبلی یعنی :

اونی که برای tab و گوگل آنالیز هست درست کار می کنه ولی اون هایی که برای نوار چسبان و بخش ورود هست درست کار نمی کنند

وجود داره

0

به اشتراک گذاری این پست


لینک به پست

دو بخش دیگه رو حذف کنید ببینید درست میشه؟ برای تست

0

به اشتراک گذاری این پست


لینک به پست

دو بخش دیگه رو حذف کنید ببینید درست میشه؟ برای تست

اون دوتا رو حذف کردم ولی بازم کار نکردند


//بخش ورود
$("a[id=modal]").click(function(e){e.preventDefault();var t=$(this).attr("href");var n=$(document).height();var r=$(window).width();$("#mask").css({width:r,height:n});$("#mask").fadeIn(1e3);$("#mask").fadeTo("slow",.9);var i=$(window).height();var s=$(window).width();$(t).css("top",i/2-$(t).height()/2);$(t).css("left",s/2-$(t).width()/2);$(t).fadeIn(1e3)});$(".window .close").click(function(e){e.preventDefault();$("#mask, .window").hide()});$("#mask").click(function(){$(this).hide();$(".window").hide()})
//منوي چسبان
$(window).scroll(function(){var e=$(window).scrollTop();var t=150;if(e<t){$("#header").removeClass("sticky")}else{$("#header").addClass("sticky")}})
});

0

به اشتراک گذاری این پست


لینک به پست

یه جای کارتون درست نیست.

ببینید اگر همین کدها مستقیم توی پوسته کار میکنن، وقتی توی فایل js هم قرار میگیرین باید درست کار کنن

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط cherry
      سلام دوستان
      چجوری از طریق کوکی در جاوااسکریپت یه باکس رو فقط برای یکبار به هر بازدیدکننده نمایش بدم
      مثلا بگم اگر بازدیدکننده روی دکمه بستن باکس کلیک کرد و  باکس بسته شد دیگه اون باکس رو به بازدیدکننده نمایش نده و اینکار از طریق ویژگی data-id انجام بشه
      کد html به اینصورت میشه
      <div class="alert" data-id="7"> تست اعلان <span class="close-alert"> بستن </span> </div>  
    • توسط muhmdzarei
      سلام،
      در حال ساخت یک قالب آموزشی هستم. در صفحات دوره، لیست دوره ها رو قرار دادیم که کاربر ( بعد از شرایطی ) بر روی محتوا و درس مورد نظرش کلیک کنه و صفحه به قسمت ویدیوپلیر اسکرول بشه ولینک این درس با لینک قبلی جایگزین بشه ( با js ).
      مشکلمون در حقیقت اینه که اون  "بعد از شرایطی"  رو دقیقا نتونستیم اجرا کنیم. مشکل اینجاست که بعضی از درس های دوره رایگان هستند و همه کاربران ( چه خریدار و چه بازدیدکننده) میتوانند این ویدیو را ببینند. خریدار دوره نیز میتواند همه درس ها را ببیند. برای قرار دادن اطلاعات دروس در صفحه قالب ، از افزونه Advanced Custom Fields و قابلیت Nested Repeaters استفاده شده است. شرط هایی که قرار میدیم همش غلطه
      <ul class="course-accordion"> <?php if( have_rows('chapters') ): ?> <?php while( have_rows('chapters') ): the_row(); ?> <li class="accordion-option opened"> <div class="option-title"><?php the_sub_field('chapter'); ?></div> <div class="option-wrapper"> <ul class="option-items"> <?php if( have_rows('lessons') ): ?> <?php while( have_rows('lessons') ): the_row(); ?> <?php if( have_rows('lesson') ): ?> <?php while( have_rows('lesson') ): the_row(); ?> <li class="option-item"><a><?php if (the_sub_field('Lfree') == "True") { echo '1'; } else { echo '2'; } ?></a> <div class="pull-right"><span class="duration"></span><a href="#"><i class="zmdi zmdi-hc-2x"></i></a> </div> <a href="#"><?php echo the_sub_field('Lname'); ?></a></li> <?php endwhile; ?> <?php endif; ?> <?php endwhile; ?> <?php endif; ?> </ul> </div> </li> <?php endwhile; ?> <?php endif; ?> </ul> Lfree برای هر درس تعیین شده که برای این قرار گرفته که اگه این درس رایگان بود لینکش قابل دسترسی باشه. مشکل اینجاست وقتی مقدار Lfree برای هر درس رو چاپ می کنیم یه عبارت مشخصه. بعد شرط if میزاریم که اگر مساوی با اون عبارت بود... اما همیشه شرط غلط اجرا میشه. بنظرم باید مربوط به حلقه while و اینجور چیزا باشه
      ممنون از پاسختون
    • توسط samen
      سلام دوستان
      اگه امکانش هست لطف کنید تو سایت جی تی متریکس سایت ما رو چک کنید و بفرمایید چه کارهایی دقیقا باید انجام بدیم تا سرعت لود سایت بهبود پیدا کنه؟
      با افزونه های مینی فای و فشرده سازی انجام دادیم اما جواب نداد
      آدرس سایت: https://Mosalman.Net
       
      سؤال بعدی اینه که چطور میشه فایل های جاوا اسکریپت رو ادغام کرد.
      ما 10 تا فایل داریم که عبارتند از:
       
      https://mosalman.net/wp-content/themes/Newspaper/js/tagdiv_theme.min.js?ver=8.8

      https://mosalman.net/wp-includes/js/jquery/jquery.js?ver=1.12.4

      https://www.googletagmanager.com/gtag/js?id=UA-116992895-1

      https://mosalman.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1

      http://mosalman.net/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extra.min.js?ver=1.9.1

      https://mosalman.net/wp-includes/js/wp-embed.min.js?ver=4.9.8

      http://mosalman.net/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.srcset.min.js?ver=1.9.1

      https://mosalman.net/wp-includes/js/comment-reply.min.js?ver=4.9.8

      http://mosalman.net/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extend.js?ver=1.9.1

      https://mosalman.net/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1
       
      اگر بخواهیم این کدها رو ادغام و با هم دیگه ترکیب کنیم؛ به ترتیب بفرمائید که کدوم یک را از اول تا آخر باید کپی پیست کنیم در یک فایل.
      باسپاس از پاسخ دوستان
       
       
       
    • توسط amzzm75
      باسلام و احترام قالبی که من استفاده میکنم تعداد زیادی فایل css و javascript داره به طوری که تعداد درخواست ها به سرور منو زیاد کرده به طوری که وقتی با gtmetrix تست میکنم میزنه 150 درخواست به سرور و به فشرده نبودن و تعداد زیاد فایل ها ایراد میگیره من یه بار اومدم با سایتایی که این فایلا رو فشرده میکنن فشردشون کردم اما فونت و ظاهر بعضی قسمت های سایت بهم ریخت و مجبور شدم به حالت قبل برش گردونم موندم چیکار کنم که تعداد فایل ها کم بشه تا سرعت لود سایت بالاتر بره و سایت بهینه بشه لطفا راهنمایی کنین 
      آدرس سایت من:umagazine.ir
    • توسط DariushGreat
      سلام
      من با كمك واكر كاري كردم كه تكسونومي دلخواهم رو با wp_list_categories به گونه چك‌باكس نمايش بدم.
      كد واكر تبديل كننده فهرست دسته‌بندي به چك‌باكس دسته بندي:
      class Walker_Category_Checklist extends Walker { public $tree_type = 'category'; public $db_fields = array ('parent' => 'parent', 'id' => 'term_id'); //TODO: decouple this public function start_lvl( &$output, $depth = 0, $args = array() ) { $indent = str_repeat("\t", $depth); $output .= "$indent<ul class='children'>\n"; } public function end_lvl( &$output, $depth = 0, $args = array() ) { $indent = str_repeat("\t", $depth); $output .= "$indent</ul>\n"; } public function start_el( &$output, $category, $depth = 0, $args = array(), $id = 0 ) { if ( empty( $args['taxonomy'] ) ) { $taxonomy = 'category'; } else { $taxonomy = $args['taxonomy']; } if ( $taxonomy == 'category' ) { $name = 'post_category'; } else { $name = 'tax_input[' . $taxonomy . ']'; } $args['popular_cats'] = empty( $args['popular_cats'] ) ? array() : $args['popular_cats']; $class = in_array( $category->term_id, $args['popular_cats'] ) ? ' class="popular-category"' : ''; $args['selected_cats'] = empty( $args['selected_cats'] ) ? array() : $args['selected_cats']; if ( ! empty( $args['list_only'] ) ) { $aria_cheched = 'false'; $inner_class = 'category'; if ( in_array( $category->term_id, $args['selected_cats'] ) ) { $inner_class .= ' selected'; $aria_cheched = 'true'; } /** This filter is documented in wp-includes/category-template.php */ $output .= "\n" . '<li' . $class . '>' . '<div class="' . $inner_class . '" data-term-id=' . $category->term_id . ' tabindex="0" role="checkbox" aria-checked="' . $aria_cheched . '">' . esc_html( apply_filters( 'the_category', $category->name ) ) . '</div>'; } else { /** This filter is documented in wp-includes/category-template.php */ $output .= "\n<li id='{$taxonomy}-{$category->term_id}'$class>" . '<label class="selectit"><input value="' . $category->term_id . '" type="checkbox" name="'.$name.'[]" id="in-'.$taxonomy.'-' . $category->term_id . '"' . checked( in_array( $category->term_id, $args['selected_cats'] ), true, false ) . disabled( empty( $args['disabled'] ), false, false ) . ' /> ' . esc_html( apply_filters( 'the_category', $category->name ) ) . '</label>'; } } public function end_el( &$output, $category, $depth = 0, $args = array() ) { $output .= "</li>\n"; } } و كدي كه باهاش نمايش مي‌دم:
      $args = array( 'taxonomy' => 'brands', 'walker' => new Walker_Category_Checklist, ); wp_list_categories( $args ); و اما كد جاوايي كه كارش اينه كه با وارسي نشاني كنوني، مي‌تونه اون رو به نشاني دلخواه تغيير بده:
      URL = document.URL; if(URL.indexOf('نشاني 1') != -1) URL = URL.replace('نشاني 1','نشاني 2'); else URL = URL.replace('نشاني 2','نشاني 1'); window.location = URL; حالا من چگونه اينا رو با هم مچ كنم تا هنگامي كه روي يك چك‌باكس ترم كليك كردم، اسلاگ اون چك باكس رو به نشاني اضافه كنه؟
       
      سپاس براي راهنمايي و كمك