2012-06-19 4 views
2

Я пытаюсь использовать приведенную ниже функцию, чтобы получить DIV для выдвижения слева направо при нажатии, но она даже не перемещается. Любые идеи, какие могут быть проблемы.jQuery Выпуск эффекта эффекта

Функция

<script type="text/javascript"> 

$("#teller").click(function() { 
     $(this).show("slide", { direction: "right" }, 1000); 
}); 
</script> 

ДИВ в вопросе

<div id="teller"> 
<a href="#"><img src="images/teller.png" width="44" height="329" alt="Tell a freind button" /> 
</a> 
</div><!-- End Teller --> 
+0

Вы с hould setup jsfiddle. отредактируйте это, если вам нужно: http://jsfiddle.net/4x8VC/ – sparebytes

+0

Используете ли я пользовательский интерфейс jquery? – jeschafe

+0

... Я в замешательстве. если '# кассир' должен выдвигаться, как это может быть и тот, который должен запустить событие? Вы, например, код, не скрываете '# teller', но не должно быть, если вы собираетесь« показать »его? – sparebytes

ответ

2

Вместо

$(this).show("slideOut", { direction: "right" }, 1000); 

Использование slide

$(this).show("slide", { direction: "right" }, 1000); 

Если ее уже видно, и вы хотите для выдвижения, используйте комбинацию скрытия и поворота вправо

$(this).hide("slide", { direction: "right" }, 1000); 
2

Вы можете использовать масштаб, чтобы вырастить его право:

$(this).effect("scale", { percent: 400, direction: 'horizontal' }, 1000); 
0

Я думаю, для этого, например, вы просто, вероятно, опечатка: «slideOut» на самом деле не является типом эффекта для jQuery UI, это просто «слайд», а затем вы даете ему направление, как вы. Чтобы сдвинуть его можно .show() его, как вы, и выдвиньте его можно использовать .hide()

Смежные вопросы