Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.01.2017, 19:09
Интересующийся
Отправить личное сообщение для Giden Посмотреть профиль Найти все сообщения от Giden
 
Регистрация: 22.05.2012
Сообщений: 14

webpack typescript import jQuery
Всем привет. Изучаю webpack и столкнулся с одной проблемой, с которой не могу разобраться уже долгое время. Есть точька входа app.ts. Установлен jQuery через ноду, лежит в папке node_modules.
В app.ts есть такая строка:
import $ = require( 'jquery' );
console.log('H2: ', $("h2"));
$('h2').css('color','red');

Но почему то цвет заголовка не меняется и в консоль выкидывает вот такое:
Код:
H2:  [prevObject: jQuery.fn.init[1]]
Почему не работает? И как с этим бороться?
Ответить с цитированием
  #2 (permalink)  
Старый 27.01.2017, 06:58
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Ты забыл в $(function(){}) обернуть...
Ответить с цитированием
  #3 (permalink)  
Старый 27.01.2017, 15:37
Интересующийся
Отправить личное сообщение для Giden Посмотреть профиль Найти все сообщения от Giden
 
Регистрация: 22.05.2012
Сообщений: 14

Сообщение от destus Посмотреть сообщение
Ты забыл в $(function(){}) обернуть...
Что тут оборачивать?
import $ = require( 'jquery' );

declare let NODE_ENV: any;

console.log($);
console.log('Document: ', $(document));
console.log('Body: ', $("body").get());
$('h2').css('color','red');
console.log(NODE_ENV);
Ответить с цитированием
  #4 (permalink)  
Старый 27.01.2017, 15:48
Интересующийся
Отправить личное сообщение для Giden Посмотреть профиль Найти все сообщения от Giden
 
Регистрация: 22.05.2012
Сообщений: 14

Вопрос решен.
Как всегда, многие проблемы происходят на ровном месте из за пустяков к которым так привык, что уже не замечаешь.
Скрипт грузился в шапке, а document.ready не было. По этому ничего и не работало. Перенес скрипт в конец body и всё заработало.
Ответить с цитированием
  #5 (permalink)  
Старый 27.01.2017, 17:03
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Цитата:
Что тут оборачивать?
import $ = require( 'jquery' );
$(function(){
    $('h2').css('color','red');
})
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JSON в рендер Angular2 Alexander Belov Angular.js 6 04.01.2017 23:24
Проблемы с импортом класса с помощью webpack bushstas Сборка проекта, утилиты 2 12.10.2016 18:41
Angular2 и Typescript Grinev Angular.js 0 06.07.2016 13:31
Динамический подсчет в таблице muraig jQuery 5 11.10.2014 16:54
хочу инвайт на хабр macdack Оффтопик 45 28.07.2013 23:18