Почему я должен дважды щелкнуть, чтобы показать Div с помощью jquery?

Question

Почему я должен дважды щелкнуть, чтобы показать Div с помощью jquery?

0

У меня есть кнопка, в которой я должен показать сообщение перед этим, поэтому я использую следующий код jq:

 <script type="text/javascript">

 $("#msg").html(data);

 var pos = $("#answer2ticker").offset();
 $("#msg").offset({top: pos.top, left: pos.left});

 $("#msg").show();
 </script>

 <div class="alert alert-danger" id="msg" style="position: absolute;" hidden="hidden" onclick="$(this).hide();"> </div>

ПРОБЛЕМА: сообщение отображается в первый раз нормально, но когда я скрываю его и пытаюсь показать его снова, мне нужно дважды щелкнуть его.

так что сокрытие - это нормально, но показ нужно вызывать дважды.

medo ampir 05 май 2014, в 22:19

Источник

0

Где кнопка здесь?
Joseph 05 май 2014, в 19:38
0

# answer2ticker - кнопка, и мне нужно показать сообщение рядом с ней, поэтому я использую ее позицию
medo ampir 05 май 2014, в 19:40
2

Если бы мне пришлось угадывать, я бы сказал, что ваш атрибут onclick нарушает его. Попробуйте ненавязчивый способ, поместив его в свой JavaScript.
Alex W 05 май 2014, в 19:40
0

Вау, это правильно, что на клике проблема, но почему это возможно, и как это исправить.
medo ampir 05 май 2014, в 19:43

Показать ещё 2 комментария

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

# answer2ticker - кнопка, и мне нужно показать сообщение рядом с ней, поэтому я использую ее позицию
Если бы мне пришлось угадывать, я бы сказал, что ваш атрибут onclick нарушает его. Попробуйте ненавязчивый способ, поместив его в свой JavaScript.
Вау, это правильно, что на клике проблема, но почему это возможно, и как это исправить.

Timur · Answer 1 · 2014-05-05T18-46-00.000Z

Почему вы не используете функцию jQuery для переключения?

$( document ).ready(function() {
 var data = "test";
 $("#msg").html(data);

    $("#answer2ticker").click(function() {
        $('#msg').toggle();
    });  
});

Пример: http://jsfiddle.net/acidrat/LbEVL/1/