Проблемы с функцией JQuery Click

Question

Проблемы с функцией JQuery Click

0

Новое в jQuery Я пытаюсь получить изображение, которое, когда я нажимаю на него, хочу переместиться на определенное количество пикселей, а затем, когда будет нажато другое изображение, вернитесь в исходное состояние?

до сих пор я пробовал это

$(".wrap").click(function(){
  $(this).css("margin-top", "-15px");
});

Я просто не могу понять, как заставить его двигаться вниз до своего первоначального места.

nannen05 15 апр. 2014, в 08:07

Источник

1

Сделайте из этого скрипку и поделитесь с нами.
Brij Raj Singh - MSFT 15 апр. 2014, в 05:43
0

Вы имеете в виду, когда вы нажимаете снова, чтобы получить первоначальное значение для верхнего предела?
Bhojendra Rauniyar 15 апр. 2014, в 06:03

Теги:

javascript

jquery

css

6 ответов

Ещё вопросы

Сделайте из этого скрипку и поделитесь с нами.
Вы имеете в виду, когда вы нажимаете снова, чтобы получить первоначальное значение для верхнего предела?

Rupam Datta · Answer 1 · 2014-04-15T04-52-00.000Z

По моему пониманию вашего вопроса. Я создал скрипку, чтобы помочь вам найти решение. Пожалуйста, посмотрите на скрипку и фрагмент кода ниже. Цените свое время.

$('.sample img').bind('click',function(){
    $('.sample img').removeAttr('style');
    $(this).css('top',-5);    
});

Arunkumar · Answer 2 · 2014-04-15T04-31-00.000Z

Для лучшего просмотра используйте Jquery aimate

$( ".wrap" ).click(function() {
$(this).animate({
 top: "15px",
}, 500);
                              });

Rohan Kumar · Answer 3 · 2014-04-15T04-04-00.000Z

Попробуйте обернуть его в готовом()

И css() может не применять margins поэтому используйте javascript marginTop вроде,

$(function(){
    $(".wrap").click(function(){
        this.style.marginTop='-15px';
    });
});

Демо-версия

Felix · Answer 4 · 2014-04-15T03-53-00.000Z

0

Стараться сделать:

$("img.wrap").click(function(){
    $("img.wrap").css("margin-top", "0px");
    $(this).css("margin-top", "-15px");
});

Felix 15 апр. 2014, в 03:53

2

В этом случае нет разницы между $(".wrap") и $(this) .
Karlen Kishmiryan 15 апр. 2014, в 05:43
0

Это другое, $(".wrap") все элементы с помощью класса wrap а $(this) будет нацелен только на .wrap элемент .wrap
Felix 15 апр. 2014, в 05:44

Bhojendra Rauniyar · Answer 5 · 2014-04-15T03-20-00.000Z

Вы хотите вот так:

var mt = $('.wrap').css('margin-top');
$(".wrap").click(function(){
  if($(this).css('margin-top') == '-15px'){
   $(this).css('margin-top',mt);
  } else {
   $(this).css("margin-top", "-15px");
  }
});

Ehsan Sajjad · Answer 6 · 2014-04-15T03-11-00.000Z

Поместите его в document.ready и используйте последний исходный файл JQuery:

<script type="text/javascript>
$(document).ready(function(){

$(".wrap").on('click',function(){
  $(this).css("margin-top", "-15px");
  });
});

</script>