Используйте jQuery для отображения html div пары времени

Question

Используйте jQuery для отображения html div пары времени

0

У меня есть эта страница, где ящик скрыт. это оно:

<html>
<head>
<style>
.window {
    display:none;
    background: rgba(0,0,0,.4);
    width: 400px; height: 245px;
    margin: 50px auto;
    padding: 15px;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script>
function show() {
    $(".window").fadeIn();
    return false;
}
</script>
</head>
<body>
<button  onclick="show()">show</button>
<div class="window">ff</div>
</body>
</html>

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

user3446643 22 март 2014, в 23:27

Источник

Теги:

jquery

html

3 ответа

2

Надеюсь, вы пытаетесь показать div на первом щелчке, а затем с второго нажатия на кнопку clone div и добавьте его в DOM.

Попробуй это:

$(document).ready(function(){
    $('button').click(function(){
        if($('.window').css('display')=='none'){
           $(".window").fadeIn(); // fadeIn div for first click
        }else{
            $(".window:first").clone().appendTo(document.body); // clone div and add it to DOM from second click onwards
        }
    });
});

DEMO

Unknown 22 март 2014, в 20:14

0

Согласитесь, если он хочет сначала показать существующий div, это путь. Однако вы должны использовать (".window: first") при клонировании, чтобы избежать клонирования всех div с классом;)
aanders77 22 март 2014, в 22:23
0

@ aanders77: обновлено, братан :)
Unknown 22 март 2014, в 22:25
0

это работает, спасибо мужчинам,
user3446643 22 март 2014, в 22:31
0

@ Неизвестно, можете ли вы показать мне, пожалуйста, как я могу заставить эти окна плавать слева направо.
user3446643 23 март 2014, в 23:34

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

0

Если вы хотите 3 окна, вы должны сначала создать их. Эта функция создает новый класс класса окна и затем исчезает в:

  $("button").on("click",function(){
    $("button").after('<div class="window">'+Math.random()*3+'</div>');
    $(".window").fadeIn();
  });

Здесь jsbin: http://jsbin.com/hubahiqa/2/edit

Arsen Ibragimov 22 март 2014, в 20:02

Ещё вопросы

Согласитесь, если он хочет сначала показать существующий div, это путь. Однако вы должны использовать (".window: first") при клонировании, чтобы избежать клонирования всех div с классом;)
@ Неизвестно, можете ли вы показать мне, пожалуйста, как я могу заставить эти окна плавать слева направо.

joonas.fi · Accepted Answer · 2014-03-22T20-57-00.000Z

Если я правильно вас понял, каждый раз, когда вызывается show(), вам нужно добавить новый DIV в DOM.

Я думаю, вы могли бы так:

$('.window:first').clone().appendTo(document.body).fadeIn();
return false;

Здесь jsfiddle: http://jsfiddle.net/sJLwD/

ps В следующий раз, пожалуйста, сделайте jsfiddle, чтобы с вашим вопросом было легче работать.