Ну да,а почему бы не работать.Я бы и сам смог сделать так как вы,но мне хотелось бы что бы при повторном нажатии на Flip выполнялось что-то иное от того что происходило по первому нажатию.Поэтому я и начал использовать onEnd,но при повторном нажатии не применяютса те стили кторые я вписую во второй Flip.
И у меня вопрос,ваш код больше по размерам,не компактен и тому подобное .Чем вам непонравилось вместо этого
var Flip;
$(document).ready(function(){
Flip = function ()
{
var el = $("#id5");
console.log(el)
$(el).flip(
Использовать это
$("#id5").flip
И почему-то у меня не работает,ваш вариант...Вы уверены что сдесь <div id="id5" onclick="Flip()">Что-то</div> Должно быть onclick="Flip()"? |
уже ответил.. смотрите выше..
|
могу еще раз отослать, вот:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.flip.js" type="text/javascript"></script>
<script src="jquery.flip.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
var Flip;
$(document).ready(function(){
var el = $("#id5");
Flip = function ()
{
$(el).flip(
{
direction:"rl",
color:"green",
speed: 150,
content: 'новый текст',
onEnd: function()
{
console.log(1)
setTimeout(function()
{
$(el).flip(
{
direction:"lr",
content:'перевернулись второй раз',
speed:600,
color:"red"
});
},1);
}
});
}
});
</script>
</head>
<body>
<div id="id5" onclick="Flip()">Что-то</div>
</body>
</html>
|
Прикольно спасибо понял в чем изначально ошибался,очень помогли.
Но теперь оно как-бы поворачиваетса само ,а не по повторному нажатию((( |
циклом что ли? да очень просто:
var Flip;
$(document).ready(function(){
var el = $("#id5");
Flip = function ()
{
$(el).flip(
{
direction:"rl",
color:"green",
speed: 150,
content: 'новый текст',
onEnd: function()
{
console.log(1)
setTimeout(function()
{
$(el).flip(
{
direction:"lr",
content:'перевернулись второй раз',
speed:600,
color:"red"
});
},1);
}
});
}
setInterval(Flip, 4000);
});
|
или так:
var Flip;
var flag = true;
$(document).ready(function(){
var el = $("#id5");
Flip = function ()
{
if (flag)
{
$(el).flip(
{
direction:"rl",
color:"green",
speed: 150,
content: 'новый текст'
});
}
else
{
$(el).flip(
{
direction:"lr",
content:'перевернулись второй раз',
speed:600,
color:"red"
});
}
flag = !flag;
}
});
|
Цитата:
|
и всетаки обьясните пожалуста каков смысл выражения?
$(this) |
Цитата:
|
про this. если говорить о чистом js без jquery. то это "текущий объект".
например: <input type="button" value="нажми меня" id="button" onclick="document.getElementById('button').value = 'кнопка';"> document.getElementById('button') то вот этим методом ищется элемент с id равным 'button', и после того как найдет ему присваевается значение 'кнопка' но можно поступить и иначе.. если мы хотим произвести изменения(или получить значение) на том же объекте, то можно воспользоватся this вот пример: <input type="button" value="нажми меня" id="button" onclick="this.value = 'пнопка';"> |
| Часовой пояс GMT +3, время: 03:35. |