Я работаю с https://github.com/alexanderholman/Respond, чтобы попытаться использовать .addClass, чтобы добавить класс в div при изменении размера окна браузера и контрольных точек Bootstrap.Функция jQuery .on() с Respond.js
Fiddle: https://jsfiddle.net/esujd377/14/
Основное использование от GitHub это:
var onFunctions = {
on: {
is: {
xs: function(){console.log('is xs')},
sm: function(){console.log('is sm')},
md: function(){console.log('is md')},
lg: function(){console.log('is lg')}
},
was: {
xs: function(){console.log('was xs')},
sm: function(){console.log('was sm')},
md: function(){console.log('was md')},
lg: function(){console.log('was lg')}
}
}
};
$(document).ready(
function() {
$.respond({functions:onFunctions});
}
);
То, что я пытаюсь это, но я не получаю никаких изменений в DIV и нет errrors в консоли. Что я делаю не так?
var onFunctions = {
on: {
is: {
xs: function(){console.log('is xs')},
sm: function(){console.log('is sm')},
md: function(){ jQuery("div").addClass("whiteclass"); },
lg: function(){console.log('is lg')}
},
was: {
xs: function(){console.log('was xs')},
sm: function(){console.log('was sm')},
md: function(){ jQuery("div").addClass("whiteclass");},
lg: function(){console.log('was lg')}
}
}
};
$(document).ready(
function() {
$.respond({functions:onFunctions});
}
);
HTML:
<div class ="div">div</div>
CSS:
.div {color:red;}
.whiteclass {color:#fff;}
Спасибо, я включил jQuery на свой локальный хост, но я, возможно, забыл включить его в скрипку. Но то, что я хочу, это addClass, поэтому текст меняет цвет; Я не забочусь о консольных сообщениях, я использовал этот фрагмент в качестве базы, чтобы проверить, как добавить класс. И я не вижу, что это работает в скрипте, фрагменте или моей локальной копии кода. – BlueDogRanch
@BlueDogRanch Ответ и скрипка обновлены. Дайте мне знать, если у вас будут другие открытые вопросы по этому вопросу. спасибо – gaetanoM