Меню

File include для js не работает

gulp-file-include и BrowserSync не отражают изменения в браузере

Я пытаюсь использовать gulp-file-include для включения некоторых общих разделов, таких как верхний или нижний колонтитул из папки /src/includes на любые.html-страницы в дереве проектов вместе с BrowserSync для обновления изменений.

Когда я использую команду gulp из командной строки, она компилирует все файлы в папку /dist без проблем (надеюсь). Но после того, как я изменил что-либо из /src/index.html он не отражает изменений в браузере или не записывает изменения в /dist/index.html .

Я не могу точно определить, в чем проблема. Вы можете увидеть проект из этого Git repo, и вот мой контент gulpfile.js :

Кажется, у меня это работает. Я добавил следующие задачи: ‘scripts’ и ‘fileinclude’ :

так что браузер будет перезагружен после любых изменений в этих двух группах. Я изменил задачу ‘watch’ :

Изменить: чтобы обработать следующий вопрос о том, что gulp не просматривает новые файлы, я внесла некоторые изменения в свой первоначальный ответ. Но вы действительно должны использовать gulp4.0 теперь IMO. Gulp3.9.x полагался на библиотеку, которая была проблематичной при просмотре новых, удаленных или переименованных файлов.

Вам понадобятся еще два плагина:

Плагин gulp-watch лучше просматривает новые и т.д. Файлы, но не принимает «задачи» в качестве аргументов, но вместо этого он принимает функции как аргументы, поэтому я использовал run-sequence. [Вы могли бы переписать свои задачи как обычные функции, но тогда вы могли бы также перейти на gulp4.0].

Источник

Как использовать условие в gulp-file-include?

Подскажите, как передать данные в navbar в зависимости от страницы?
В проекте созданы две страницы-шаблона (page1 и page2), в которые инклюдятся блоки.

Блок navbar — это меню, которое в зависимости от страницы меняется.

Нужно сделать что-то вроде такого условия:
Если page1 показать navbar__list для page1 если нет не показывать.
Или, можно-ли как-то через json передать данные для соей странички?

  • Вопрос задан 07 апр.
  • 283 просмотра

Инклудим файл с переменной:

Условия в navbar.html:

Переменную page и ее значения можете менять как угодно.

а можно ли использовать две разные переменные в одном файле для разных @@if?
пытался сделать такую конструкцию. и не срабатывала вторая переменная button.
El отрабатывала в любом случае. если менял el на button(оставлял одну переменную на весь файл), то button работала.
когда были переменные для разных @@if, то в консоли была ошибка что button не существует, хотя передавал так же, как и el + если просто писать @@button(вне @@if), то она находится.

Читайте также:  Паяльник с дисплеем не работает

dan_mk, да, можно. Вот пример как я делал:
Инклуд:

Во второй строчке у вас вижу тег который оборачивает @@if . Скорее всего из-за этого и не работает. Уберите его.
@@if(button === ‘yes’) <

Источник

Не работает includes

Добрый день, почему не работает incudes?

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Не работает strings.includes и пр
Туториал https://www.youtube.com/watch?v=NQ2i5cZ87ug&list=PLqKQF2ojwm3njNpksFCi8o-_c-9Vva_W0 где.

Array.prototype.includes()
Привет! Пытаюсь разобраться в JavaScript.. помогите с заданием, пожалуйста.. Дана функция.

C++ includes или как исправить ошибки
1>—— Построение начато: проект: mineserver, Конфигурация: Release Win32 —— 1> chat.cpp.

Избавление от includes в header файлах и последствия
Всем привет. Пишу программу и ввиду того, что особо не задумывался, получилось так, что мои .h.

Решение

Потому что includes у массива работает не так же, как у строки.

У строки он находит вхождение, а у массива полное соответствие, грубо говоря.

Вывод Хедера ошибка Warning: include(./includes/header.php): failed to open stream: No such file or directory in W:\dom
Добрый день ! Помогите пожалуйста, хочу вывести в index хеадер сохранив кусок этого кода в другом.

Warning: mysql_errno() expects parameter 1 to be resource, integer given in W:\home\vbulletin\www\includes\db_mysql.php on line 140
Помогите пожалуйста разобраться с ошибкой, возникающей при установке форума vBulletin Вот, что.

Источник

HTML-импорт — include для веба: часть 1

Перевод статьи «HTML Imports #include for the web», Eric Bidelman.

От переводчика

Недавно я перевел статью по основам HTML Import. Я обещал, что если эта тема заинтересует хабра-сообщество, то переведу более подробную статью. Я решил разбить перевод на две одинаковые по размеру части, так как, по моему, на одну часть слишком много буков. Вторая часть выйдет спустя несколько дней после публикации этой части. Если, конечно, эта часть более-менее понравится хабра-сообществу.

Для чего нужен HTML-импорт?

События load/error

После загрузки импорта запускает событие , а в случае ошибки (например 404), событие .

Читайте также:  Почему не работает мультипекарь редмонд

Импорт всегда загружается сразу же, в порядке нахождения тега . Отловить события загрузки можно при помощи атрибутов :

Примечание: обработчики событий загрузки/ошибки нужно объявлять перед импортом, так как браузер загружает импорт в тот момент, когда встречает тег импорта. Если на момент импорта нет обработчика загрузки, в консоли выведется ошибка undefined function.

Вы, также, можете динамически создавать импорт:

Использование содержимого импорта

Элемент импорта на странице не указывает браузеру, где размещать содержимое импорта. Он только говорит браузеру получить документ для его дальнейшего использования. Чтобы использовать содержимое импорта, нам нужно написать немного JS кода.

Вот он момент прозрения, импорт, это всего-лишь документ. На самом деле, содержимое импорта так и называется документ импорта(import document). А использовать результат импорта вы можете стандартными средствами DOM API!

link.import

Для получения содержимого импорта используется свойство .import элемента :

link.import равен null при следующих обстоятельствах:

  • Браузер не поддерживает импорт.
  • У элемента нет атрибута rel=»import» .
    Объект не добавлен в DOM.
    Или был удален из DOM
    Ресурс не поддерживает CORS.

Полный пример

Допустим у нас есть страница warnings.html :

Вы можете использовать только необходимую вам часть импортированной страницы:

Скрипты в импорте

Импорт работает не совсем, как часть документа, который его использует. Но вы, все же, можете работать с подключившей его страницей. Из импортированной страницы можно работать, как с внутренним DOM, так и с главным документом:

Пример — import.html добавляет один из своих стилей главному документу

Итак, что здесь происходит? При помощи мы получаем доступ к внутреннему элементу-корню импортированного документа и добавляем его кусок в главный документ (). Это конечно бесполезный код, но нам он нужен, чтобы понять, что мы можем обращаться как к главному, так и ко внутреннему корню DOM.

Скрипты внутри импорта могут как сами исполнять код, так и предоставлять функции для выполнения в главном документе. Это похоже на модули в Питоне.

Правила импорта:

  • Код импорта выполняется в контексте содержащего его документа. Из этого исходят две удобные вещи:
    • Функции объявленные в импорте содержатся в главном объекте window .
    • Вам не нужно делать действий вроде добавления в главный документ тегов

    Источник

    Не работают стили css при добавлении в файл include

    Уважаемые форумчане, добрый день!

    Помогите решить следующую проблему:
    У меня есть файл form.html на html. В нем прописан путь к файлу css и все работает, как надо.
    Я в файле form.html добавляю код php

    и разметка едет. Файл css подключен, но содержимое страницы отображается неверно. Причем и содержимое страницы до кода php.

    Расширение файла form меняла на form.php, все равно то же самое.

    Кто может помочь?

    Помощь в написании контрольных, курсовых и дипломных работ здесь.

    Нет разметки страницы, причем файл CSS подключен, но работают только стили, связанные со шрифтами
    Слетел шаблон, что делать подскажите пожалуйста. Нет разметки страницы, причем файл css.

    не срабатывает файл обработчик для ajax при добавлении include();
    помогите разобраться в файле обработчике пытаюсь подключить файл (includom) подключения к базе.

    Не работают css стили
    Не могу понять в чем проблема. Не подключаются сss стили к файлу. Уже несколько раз проверяла пути.

    Не работают css стили
    17

какой файл стилей именно не работает?
Или оба?

Добавлено через 12 минут
Всё у вас должно работать. Единственное, посмотреть бы что вы подключаете? В этом файле есть стили, которые могут например дублировать подключаемые в head стили?

Не работает style_odnofam. Сейчас попробую отключить flexslider, он здесь по идее не нужен. (отключила, не помогло)

В тот то и дело, что все должно работать. И половина стилей работает. Но другая половина не работает.

На всякий случай выкладываю файл style_odnofam.css

элемент .footer-cols-dop находится в файле footer.php и к нему ничего не прописано в самом элементе. Привожу код:

Добавлено через 2 минуты
Весь блок .footer-cols-dop должен быть скрыт, так как он отображается только для мобильных устройств.

Не работают стили CSS
Доброго времени суток. Начинающий в области вёрстки встретился с ошибкой отказа работы стилей из.

Не работают подключенные стили ( CSS )
При верстке макета столкнулся со следующей проблемой: не работают подключенные стили к.

Не работают стили css в js-коде
Здравствуйте! Подскажите пожалуйста, что может быть за проблема, что когда я использую javascript.

не работают css стили в joomla
не работают css стили,joomla ставит стандартное оформление,помогите найти ошибку,мне кажется я не.

Источник

Adblock
detector