Добрый день. Имеется форма, которая должна подгружаться в разных табах при при клике на разные кнопки.
К примеру есть табы
<ul>
<li><a id="ajax-form">Форма 1</a></li><!--кнопка 1 таба-->
<li><a id="ajax-form">Форма 2</a></li><!--кнопка 2 таба-->
<li><a id="ajax-reg">Форма 3</a></li><!--кнопка 3 таба-->
<li><a id="ajax-form">Форма 2</a></li><!--кнопка 4 таба-->
</ul>
<div id="content"><!--контент таба 1-->
</div>
<div id="content"><!--контент таба 2-->
</div>
<div id="reg"><!--контент таба 3-->
</div>
<div id="content"><!--контент таба 4-->
</div>
простой аякс подгрузки контента:
$('#ajax-form').click(function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: 'form.html',
cache: false,
success: function(data) {
$('#content').html(data);
}
});
});
Как сделать так, чтобы одна и та же форма подгружалась при клике и на втором табе и на четвертом?
Есть ли способ не создавать для каждого события отдельный ajax, когда подгружается один и тот же контент, что то вроде:
<ul>
<li><a id="ajax-form">Форма 1</a></li>
<li><a id="ajax-form2">Форма 2</a></li>
<li><a id="ajax-reg">Форма 3</a></li>
<li><a id="ajax-form3">Форма 2</a></li>
</ul>
<div id="content">
</div>
<div id="content2">
</div>
<div id="reg">
</div>
<div id="content3">
</div>
$('#ajax-form').click(function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: 'form.html',
cache: false,
success: function(data) {
$('#content').html(data);
}
});
$('#ajax-form2').click(function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: 'form.html',
cache: false,
success: function(data) {
$('#content2').html(data);
}
});
$('#ajax-form3').click(function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: 'form.html',
cache: false,
success: function(data) {
$('#content3').html(data);
}
});
});
?