<body>
<div class='no-bubble'>
<p class='click-target'></p>
</div>
</body>
// клик по .click-target не сработает никогда!
$('body').on('click','.click-target', function(){
// do something...
});
$('body').on('click','.no-bubble', function(e){
e.stopPropagation();
});
$('#id').click();
// не равносильно:
$('#id').on('click');
// а работает как:
$('#id').trigger('click');
// т.е. не навешивает обработчик клика, а эмулирует клик по объекту.
$('id').on('click mouseover mouseout', function(e) {
if (e.type === 'click') {
// обработать клик...
} else if (e.type === 'mouseover') {
// ну принцип понятен, да?..
}
});
<select class='quality'>
<option value='медиа объект - качество 240'>240</option>
<option value='медиа объект - качество 360'>360</option>
<option value='медиа объект - качество 480'>480</option>
<option value='медиа объект - качество 720'>720</option>
</select>
// подразумеваю, что переменная player - ваш плеер;
$('.quality').on('change', function() {
var currentTime = player.data("jPlayer").status.currentTime, //сохраняем текущее время
media = $(this).val(); // сохраняем значение выбранной опции
player.jPlayer('setMedia', media); // меняем медиа объект;
player.jPlayer('play', currentTime); // запускаем плеер с того места, где остановилось проигрывание в предыдущем качестве
});
html, body {
min-width: 1010px;
}
{
start: '2014-09-07T8:00:00',
end: '2014-09-09T17:30:00'
}
<span class="addField add">
<i class="icon"></i>Добавить
</span>
<div class="inputs">
<div>
<input type="file" name="dynamic[]" class="field" >
<span class="remove">Удалить</span>
</div>
</div>
$(document).ready(function () {
$('html').on('click','.add',function () {
$('<div><input type="file" class="field" name="dynamic[]" /><span class="remove">Удалить</span></div> ').fadeIn('slow').appendTo('.inputs');
});
$('html').on('click','.remove', function () {
$(this).parent().remove();
});
});
$(function() {
$('.left-img-thumb').each(function() {
// ошибка в следующей строке
$('.left-img-thumb').unwrap().wrap('<a class="rewrd" target="_blank"></a>');
var urlImg = $(this).attr('src');
var nameImg = /\/(\d+)\.(?:\w{1,5})$/.exec(urlImg);
var j = nameImg[1];
var link = 'http://www.anastasiadate.com/pages/lady/profile/profilepreview.aspx?LadyID=' + j;
// и в этой
$('.rewrd').attr('href', link);
});
});
$(function() {
$('.left-img-thumb').each(function() {
// так верно
$(this).unwrap().wrap('<a class="rewrd" target="_blank"></a>');
var urlImg = $(this).attr('src');
var nameImg = /\/(\d+)\.(?:\w{1,5})$/.exec(urlImg);
var j = nameImg[1];
var link = 'http://www.anastasiadate.com/pages/lady/profile/profilepreview.aspx?LadyID=' + j;
// так будет работать, что-то я это пропустил:
$(this).closest('.rewrd').attr('href', link);
});
});
.wrap .someclass {
transition: all .5s ease;
top: 150px;
}
.wrap:hover .someclass {
top: 0;
}
.circle {
width: 25px;
height: 25px;
line-height: 25px; // центрируем текст по вертикали;
text-align: center; // и по горизонтали;
border-radius: 50%;
}