<div class="foo"></div>
<div class="foo"></div>
<div class="bar"></div>
<div class="bar"></div>
div {
width: 50%;
float: left;
}
.foo {
height: 100px;
}
.bar {
height: 10500px; /* на самом деле это не нужно, пусть тянется по контенту */
}
https://jsfiddle.net/0twccam4/ $style = "/css/main.css"; // дефолтный стиль
if (!empty($_COOKIE['testmode'])) {
$version = (int) $_COOKIE['testmode'];
$style = "/css_test_$version/main.css";
// или $style = "/css/main_$version.css";
// или как вам удобнее
}
document.cookie = "testmode=3"
, если он сумеет самостоятельно в консоль браузера вставить. Получается, что элементы, загруженные аджаксом, не воспринимают так просто обработчики, но почему?Потому что в тот момент, когда вы пытаетесь навешиваете обработчик на кнопку (сразу после загрузки страницы) этой кнопки еще нет.
Как сделать чтобы они понимали их?
$(document).on( // обработчик вешается на сам документ (лучше на родительский элемент)
'click', // слушает все клики
'.button', // ищет среди них те, что были по элементам с классом .button
function() {
console.log('click');
});
transform: rotate()
и обрезать лишнее с помощью overflow:hidden
или даже псевдоэлементом с бордером: https://jsfiddle.net/pcfoudn1/