использовать jquery replaceWith для замены divs при нажатии кнопки

Привет Я пытаюсь использовать jquery, чтобы заменить div новым div, когда я нажимаю кнопку. В настоящее время, когда я нажимаю кнопку, новый div не показывает, что он просто пуст, когда я нажимаю кнопку. Как я могу видеть скрытые?использовать jquery replaceWith для замены divs при нажатии кнопки

<!DOCTYPE html> 
<html> 
<head> 

<script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
<button id="change">Change</button> 
    <div id="table1"> 
<table > 
<tr> 
<td> 
this is table1 
</td> 
</tr> 
</table> 
</div> 


<div id="table2" style="display: none"> 
<table > 
    <tr> 
    <td> 
    this is table2 
    </td> 
    </tr> 
</table> 
<div> 


<script> 
    $("#change").click(function() { 
    $("#table1").replaceWith($("#table2")); 
}); 
    </script> 

    </body> 
</html>

пример здесь:. http://jsfiddle.net/S8HxM/1/

источник

2012-06-09 user1301737

ли вы проверить, если это происходит внутри функции, попробовать предупреждение ('OK') есть. – freebird

Он пуст из-за стиля, который применяется к table2:

style="display: none"

table1 заменяется скрытой таблицы ;-) так что вы должны были бы добавить следующее:

$("#table1").replaceWith($("#table2").show());

Рабочая: http://jsfiddle.net/qbRcK/2/

источник

2012-06-09 13:09:32

Как я могу добавить visibiity в jquery? в моем стиле у меня теперь есть отображение: нет и видимость: скрытый – user1301737

@ user1301737 Когда у вас есть «display: none», вам не нужна «видимость: скрытая», но вы можете изменить, используя '.css ('visibility', ' visible ') ' –

hi jack вот пример моего кода http://jsfiddle.net/S8HxM/1/ кнопка изменения не будет во вторую таблицу при нажатии на нее – user1301737

-1

Попробуйте изменить код с $ ("# table2") HTML()

источник

2012-06-09 12:54:36

использовать jquery replaceWith для замены divs при нажатии кнопки

ответ

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