kias

کار نکردن اسلایدر و دکمه ها و ایکون ها بعد از بهینه کردن

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

با عرض سلام 

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

بعد از اینکه بهینه کردم و کار تموم شد دیگه قالب درست کار نمیکنه مثلا اسلایدر هدر کار نمیکنه اسلایدر وبلاگ از کار افتاده ایکون هام حذف شدن

و تو موبایل هم علاوه بر اینا بعضی دکمه ها کثل فهرست ها دیگه باز نمیشه و کار نمیکنه 

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

با سپاس

 [visabook . [ir

0

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


لینک به پست

خودم حلش کردم مرسی از انجمن فعال میگم کسی مشکل داشت درستش کنه

خیلی ساده تر از اون چیزی هست که فکر کنید

باید فایل های فشرده ی js , css  رو به حالت اول برگردونید و دستی فشرده کنید تا جایی که تداخل ایجاد نکنه چون بعضی قالب ها مشکل دارن با این قضیه و بهم میریزن

0

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


لینک به پست

سلام می تونید کمک کنید منم همچین مشکلی دارم و اسلایدر من کار نمی کنه به صور ت scroll نه اسلایدر چه باید کنم چه متن چه عکس

کد html
<div class="col-12 col-md-6 pb-0 pb-md-3 pt-2 pr-md-1">
                    <div id="featured" class="carousel slide carousel" data-ride="carousel">
                        ّ <div id="dots" class="carousel-indicators">
                            <span class="dot active" data-target="#carousel-example-generic"></span>
                        </div>
                        <div id="slider">
                            <!--Item slider-->
                            <?php
                            $args = array(
                                'posts_per_page' => 5,
                                'cat' => 10,
                            );
                            $query = new WP_Query($args);
                            ?>
                            <?php if ($query->have_posts()) : ?>
                            <?php $i = 0; ?>
                            <?php while ($query->have_posts()) : $query->the_post() ?>
                            <div class="slide active">
                                <div class="card border-0 rounded-0 text-light overflow zoom">
                                    <div class="position-relative">
                                        <!--thumbnail img-->
                                        <div class="ratio_left-cover-1 image-wrapper overflow">
                                            <a href="<?php the_permalink(); ?>">
                                                <?php
                                                        $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full', false);
                                                        ?>
                                                <?php the_post_thumbnail("w-100 img-thumbnail mx-auto d-block overflow"); ?>

                                            </a>
                                        </div>
                                        <div class="position-absolute p-2 p-lg-3 b-0 w-100 bg-shadow">
                                            <!--title-->
                                            <a href="<?php the_permalink(); ?>">
                                                <h2 class="h3 post-title text-white my-1"><?php the_title(); ?></h2>
                                            </a>
                                            <!— meta title —>
                                            <div class="news-meta">
                                                <span class="news-author">by <a class="text-white font-weight-bold" href="<?php the_permalink(); ?>"><?php the_author(); ?></a></span>
                                                <span class="news-date"><?php the_time('d‌ F‌ Y'); ?></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php endwhile ?>
                            <?php endif ?>
                            <?php wp_reset_postdata(); ?>
                            <!--end item slider-->
                        </div>
                    </div>
                    <!--end carousel inner-->
                    <!--navigation-->
                    <a class="carousel-control-prev prev" href="#featured" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next next" href="#featured" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                    <script type="text/javascript">

                    </script>
                </div>


اینم کد js


var slide = document.getElementsByClassName('slide');
var dot = document.getElementsByClassName('dot');
var prev = document.querySelector('.prev');
var next = document.querySelector('.next');
var n = 0;
var i;

function disno(){
    for( i = 0 ; i<slide.length ; i++){
        slide.style.display = 'none';
    }
}

function no_active(){
    for( i = 0 ; i<dot.length ; i++){
        dot.classList.remove('active');
    }
}

next.addEventListener('click',function(e){
    e.preventDefault();
    n++;
    if( n > slide.length - 1){ // length starts From 1
        n = 0; // Arrays Starts From zero
    }
    disno();
    no_active()
    slide[n].style.display = 'block';
    dot[n].classList.add('active');
})

prev.addEventListener('click',function(e){
    e.preventDefault();
    n--;
    if( n < 0){ // length starts From 1
        n = slide.length - 1; // Arrays Starts From zero
    }
    disno();
    no_active()
    slide[n].style.display = 'block';
    dot[n].classList.add('active');
})

setInterval(function(){
    n++;
    if( n > slide.length - 1){ // length starts From 1
        n = 0; // Arrays Starts From zero
    }
    disno();
    no_active()
    slide[n].style.display = 'block';
    dot[n].classList.add('active');
},3000)

photo_2019-08-27_18-22-03.jpg

photo_2019-08-27_18-22-18.jpg

photo_2019-08-27_18-31-01.jpg

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط ramy1908
      درود، وقت دوستان بخیر
      یه سوال خیلی خیلی تخصصی داشتم، من برای سایتم اسلایدر jQuery استفاده می کنم.
      چطور میتونم بخشی ایجاد کنم ادمین فقط بعضی از مطالب رو وارد اسلایدر کنه، نمیخوام که یه دسته جداگانه واسه اسلایدر ایجاد کنم.
      راهی وجود داره برای این کار؟
    • توسط Neon_63
      سلام همگی. من در سایتم وقتی محصولی رو وارد سبد خرید میکنم و میرم به صفحه پرداخت، بهم ارور زیر رو میده:
      کتابخانه جی کوئری قبل از شهر های ایران لود نشده است!
      و بعد هم که یه استان رو انتخاب میکنم، در قسمت شهر ها میزنه "یافت نشد!"
      قالبش رو هم خودم نوشتم، اسم سایت هم رصد بوک هست. از آخرین نسخه وردپرس و ووکامرس هم استفاده میکنم
    • توسط aref_05
      با سلام
      آیا با حذف اسلایدر  سرعت سایت بالا میره ؟ این کارو پیشنهاد می کنید؟
    • توسط mohammdkhalilii
      با سلام و عرض خسته نباشید به تمامی دوستانم ، سوالی که از خدمتتون داشتم 
      من یه افزونه میخوام که مثل این قسمت وبسایت http://irselfmade.com/ 
      هم توی موبایل و تبلت هم توی دسکتاپ اسلایدر (به قول معروف چرخ فلکی ) افقی باشه 
      ممنونم