رفتن به مطلب

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


kias

پست های پیشنهاد شده

با عرض سلام 

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

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

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

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

با سپاس

 [visabook . [ir

لینک به ارسال

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

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

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

لینک به ارسال
  • 1 سال بعد...

سلام می تونید کمک کنید منم همچین مشکلی دارم و اسلایدر من کار نمی کنه به صور ت 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

لینک به ارسال
  • 3 سال بعد...
در در ۱۳۹۷/۲/۱۶ در 00:33، kias گفته است :

با عرض سلام 

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

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

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

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

با سپاس

 [visabook . [ir

سلام 

میشه یکم دقیق تر توضیح بدین

منم تازه دارم یاد میگیرم خیلی سر در نمیارم هنوز

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...