Форум

рони · #21 (**permalink**) 14.10.2013, 14:20

tomas_morgam,
примерно так ... не считая непонятных остатков кода ...

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
   <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
  <script>
   $(function() { var n = 3;
$('#exadd').click(function() { if(n > 19) return;
$("#experson").clone().appendTo("#exdiv").find('a').text('Профиль '+ (++n));
return false;
});

});

  </script>
</head>

<body>
<div id="items">
<ul class="tabs">
<li><a href="#tabs-example">Профиль 1</a></li>
<li><a href="#tabs-left">Профиль 2</a></li>

<div id="exdiv">
<div id="experson">
<li><a href="#tabs-example" name="experson[]" >Профиль 3</a></li>
</div>
</div>

<li><a href="#" id="exadd" >+</a></li>
</ul>
</div>
<input type="text" id="inp" size="5" value="1">

</body>

</html>

tomas_morgam · #22 (**permalink**) 14.10.2013, 14:39

А можна его засунуть в ul, чтобы табы создавались подряд в строке, а не переносились в новую строку?

<ul class="tabs">
<li><a href="#tabs-example">Профиль 1</a></li>
<li><a href="#tabs-left">Профиль 2</a></li>

<div id="exdiv">
<div id="experson">
<li><a href="#tabs-example" name="experson[]" >Профиль 3</a></li>
</div>
</div>

<li><a href="#" id="exadd" >+</a></li>

</ul>

рони · #23 (**permalink**) 14.10.2013, 14:47

Сообщение от tomas_morgam

А можна его засунуть в ul,

кого его ?
может сначала доку почитать тут потом сами засуните куда вам надо и непонятно зачем вам li в диве.

tomas_morgam · #24 (**permalink**) 14.10.2013, 14:52

Сообщение от рони

кого его ?
может сначала доку почитать тут потом сами засуните куда вам надо и непонятно зачем вам li в диве.

Доки читал. Переместил с дива в li. Но не работает динамическое создание табов.

<div id="items">
<ul class="tabs">
<li><a href="#tabs-example">Профиль 1</a></li>
<li><a href="#tabs-example1" name="experson[]" >Профиль 2</a></li>
<li><a href="#" id="exadd" >+</a></li>
</ul>
</div>

Измененный скрипт

$(function() { var n = 2;
	$('#exadd').click(function() { if(n > 19) return;
	$("#experson").clone().appendTo("#tabs").find('a').text('Профиль '+ (++n));
	return false;
	});
	 
	});

рони · #25 (**permalink**) 14.10.2013, 15:01

tomas_morgam,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
   <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
  <script>
 $(function() { var n = 2;
	$('#exadd').click(function() { if(n > 19) return;
    var prev = $(this).parent().prev();
	prev.clone().insertAfter(prev).find('a').text('Профиль '+ (++n));
	return false;
	});

	});

  </script>
</head>

<body>
<div id="items">
<ul class="tabs">
<li><a href="#tabs-example">Профиль 1</a></li>
<li><a href="#tabs-example1" name="experson[]" >Профиль 2</a></li>
<li><a href="#" id="exadd" >+</a></li>
</ul>
</div>
</body>
</html>

tomas_morgam · #26 (**permalink**) 14.10.2013, 15:06

Огромное списибо!!!

Простите за беспокойство.

Форум

Справочник

Discord чат

Курсы javascript