На .php не работают tab?

Question

[ArturTarasov]

Здраствуйте! Ситуация такая tabs не переключаются между собой на php файле. Как только я его переименовываю в .html всё сразу работает в чём может быть дело?

PHP

<?php require_once('../src/db/connect.php')?>
    <div class="container">
        <div class="tab">
            <div class="services__title">Каталог пульсометров</div>
            <ul class="tab__tabs">
                <li class="tab__link tab__link_active"><div>для фитнеса</div></li>
                <li class="tab__link"><div>для бега</div></li>
                <li class="tab__link"><div>для тебя</div></li>
            </ul>
            <div class="tab__article">
                <?php while($data = mysqli_fetch_assoc($result)){?>
            <div class="tab__card">
                <div class="tab__cardd">
                <div class="tab__carddd">
                <img src="<?php echo $data["img_url"]?>" alt="" class="tab__img">
                <div class="tab__title"><?php echo $data["name"]?></div>
                <div class="tab__subtitle"><?php echo $data["description"]?></div>
                <a href="" class="tab__detalis">ПОДРОБНЕЕ</a>
                </div>
            <div class="tab__twocard">
                <ul>
                    <li>Вы услышите звуковое оповещение о нужном пульсе во время тренировки;</li>
                    <li>Вы увидите информативный графический индикатор целевых тренировочных зон пульса;</li>
                    <li>Также Вы увидите информацию о расходе калорий за тренировку;</li>
                    <li>Вы сможете посмотреть данные по 10 тренировкам.</li>
                </ul>
                <a href="" class="tab__detalis back">Назад</a>
            </div>
            
            </div>
                <hr>
                <div class="tab__footer">
                    <div class="tab__price">
                    <div class="tab__oldprice"><?php echo $data["old_price"]?> руб.</div>
                    <div class="tab__newprice"><?php echo $data["new_price"]?> руб.</div>
                </div>
                <button class="button tab__button" type="submit">КУПИТЬ</button>
                </div>
            </div>
        <?php }; ?>
        </div>
        </div>    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script type="text/javascript" src="js/slick.min.js"></script>
</body>
    </div>

JS

(function($) {
    $(function() {
      $("ul.tab__tabs").on("click", "li:not(.tab__link_active)", function() {
        $(this)
          .addClass("tab__link_active")
          .siblings()
          .removeClass("tab__link_active")
          .closest("div.tabs")
          .find("div.tabs__content")
          .removeClass("active")
          .eq($(this).index())
          .addClass("active");
      });
    });
  })(jQuery);

Comments

[lamer350]

скорее всего тут пусто на выходе: $data = mysqli_fetch_assoc($result)
цикл просто не срабатывает и соответственно никаких табов нет

Answer 1

[Юпитер Макс]

мож они виноваты? ))

Comments

[ArturTarasov]

убрал) ничего не поменялось.
До этого пробовал запускать через gulp не работало.
Запустил просто через OpenServer всё заработало.
Я думаю что надо копать в gulpfile.js что то там не прописано.. думаю какое-то правило для browser-sync
gulpfile.js

const gulp = require('gulp');
const browserSync = require('browser-sync');
const sass = require('gulp-sass');
const rename = require("gulp-rename");
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');



// Static server
gulp.task('server', function() {
    browserSync.init({
        proxy: "TwoProject.ru/src",
    });
});

// Тут мы создаём sass который позволяет нам компелировать sass код
// и выполнять ещё какие-то дополнительные действия
gulp.task('styles', function(){
    return gulp.src("src/sass/**/*.+(sass|scss)")
            .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
            .pipe(rename({
                prefix: "",
                suffix: ".min",
              }))
            .pipe(autoprefixer({
            cascade: false
        }))
            .pipe(cleanCSS({compatibility: 'ie8'}))
            .pipe(gulp.dest("src/css"))
            .pipe(browserSync.stream());
});

gulp.task('watch', function(){
    gulp.watch("src/sass/**/*.+(sass|scss)", gulp.parallel("styles"))
    gulp.watch("src/*.html").on("change", browserSync.reload);
    gulp.watch("src/**/*.php").on("change", browserSync.reload);
});

gulp.task('default', gulp.parallel('watch', 'server', 'styles'))

[Артем Золин]

ArturTarasov, а при чем тут галп, консоль смотрите

[Виталий Коваль]

https://www.php.net/manual/ru/control-structures.a...

В это строку добавить точку с запятой (;)
<?
php require_once('../src/db/connect.php');
?>

Вместо
<?php while($data = mysqli_fetch_assoc($result)){?>
HTML CODE
<?php }; ?>

Надо делать так:
<? while($data = mysqli_fetch_assoc($result)): ?>
HTML CODE
<? endwhile;?>

Вместо
<?php echo $data["description"]?>
Делать так:
<?=$data["description"]?>

Логи посмотри возможно у тебя в данных из БД косяк $data = mysqli_fetch_assoc($result)

[ArturTarasov]

Виталий Коваль, Спасибо всё заработало!