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>
|
А можна его засунуть в 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> |
Цитата:
может сначала доку почитать тут потом сами засуните куда вам надо и непонятно зачем вам 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;
});
});
|
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>
|
Огромное списибо!!! :) Простите за беспокойство.
|
| Часовой пояс GMT +3, время: 09:29. |