Как вызывать скрипт в разных местах?

Есть такой код:
<script>
	$(document).ready(function(){
	$("i").hide();
	    $("#hide").click(function(){
	        $("i").hide();
	        $("p").show();
	    });
	    $("#show").click(function(){
	        $("i").show();
	        $("p").hide();
	    });
	});
</script>
</head>
<body>
<p id="show"></p><i><input type="text" value="<?php echo "$name" ?>"><button id="hide">OK</button></i> 

<script>
$( "input" )
  .keyup(function() {
    var value = $( this ).val();
    $( "p" ).text( value );
  })
.keyup();
</script>

Как использовать этот код для многих частей этого кода:
<p id="show"></p><i><input type="text" value="<?php echo "$name" ?>"><button id="hide">OK</button></i>

на одной странице?
  • Вопрос задан
  • 304 просмотра
Решения вопроса 1
vyshkant
@vyshkant
developer
Вынося за скобки целесообразность помещения input и button внутрь тега i и уже высказанные замечания по использованию атрибута id.
Для решения необходимо обвернуть каждый из наборов в тег с уникальным id.
Вот решение: jsfiddle.net/vyshkant/Lp4d9n7z.
Постарался максимально оставить ваш код.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
второй script тоже упаковать внутрь $(document).ready(function(){ иначе всe input что определены после него уже работать не будут
Ответ написан
miraage
@miraage
Старый прогер
Проблема в том, что у Вас несколько элементов с одинаковым id.
Это категорически запрещено.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы