Удалить классы и добавить новые
Есть небольшой код
<div id="content100" class="right col-xs-12 col-sm-12 col-md-9 col-lg-9"> бла бла бла </div> Это из шаблона Joomla. Вместо content100 может быть content80. Как сделать такое: Если найден на странице элемент с id=content100, то удалить у него классы col-md-9 col-lg-9 и добавить col-md-12 col-lg-12, а если найден элемент id=content80, то ничего не делать? |
<script>
$('#content100').removeClass('col-md-9 col-lg-9').addClass('col-md-12 col-lg-12');
</script>
так сделал, не работает |
kolhoz,
ready ? |
<script>
$(document).ready(function(){
$("#content100").removeClass("col-md-9 col-lg-9").addClass("col-md-12 col-lg-12");
}
</script>
так? писал не работает |
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
.col-md-12 {color: green;}
.col-lg-12 {background-color: yellow;}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div id="content100" class="right col-xs-12 col-sm-12 col-md-9 col-lg-9">
бла бла бла
</div>
<script type='text/javascript'>
$('#content100').removeClass('col-md-9 col-lg-9').addClass('col-md-12 col-lg-12');
</script>
</body>
</html>
Все работает... :) |
скопировал вашу строку
$('#content100').removeClass('col-md-9 col-lg-9').addClass('col-md-12 col-lg-12'); получилось. Видать где-то ошибку допустил я |
| Часовой пояс GMT +3, время: 19:20. |