Я пытаюсь клонировать неактивную вкладку jquery с активной вкладки (например, я на вкладке 1 и пытаюсь клонировать tab2, который неактивен и добавляет значение клона ниже вкладки 2) и добавляет то же самое под этим.Как клонировать неактивные вкладки jquery
Моя функция работает, когда я пытаюсь клонировать tab1 и добавлять tab1, когда я на tab1 (активная вкладка). Но такая же функция не работает, когда я пытаюсь клонировать tab2 (неактивная вкладка) из tab1.
Ниже мой код
<!-- tab1 -->
<div class="tab-pane active" id="tab_PersonalDetails">
<div class="row">
<div class="col-xs-4">
<div class="form-group">
<form:label path="fname">First Name *</form:label>
<form:input class="form-control" path="fname" type="text" placeholder="First Name"/>
<span id="fnameError"/></span>
</div>
</div>
<div class="col-xs-4">
<div class="form-group">
<form:label path="isVehicle">Do you owe vehicle *</form:label>
<form:select class="form-control" path="isVehicle">
<form:option value="">-- select --</form:option>
<form:option value="Y">Yes</form:option>
<form:option value="N">No</form:option>
</form:select>
<span id="isVehicleError"/></span>
</div>
</div>
</div>
<!-- tab2 -->
<div class="tab-pane" id="tab_VehicleDetails">
<div class="row">
<div class="col-xs-4">
<div class="form-group">
<form:label path="slotNo">Parking Slot No *</form:label>
<form:input class="form-control" path="slotNo" placeholder="Parking Slot No"/>
<span id="slotNoError"/></span>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#isVehicle').on('change', function() {
// get selected value
var status = this.value;
var TTi = 0;
// if I try to clone tab1 from tab1 (active tab) then below code works but if i try to clone tab2 from tab1 to inactive tab2 it won't work
// below code to clone tab_VehicleDetails (tab2)
var flatoriginal = document.getElementById("tab_VehicleDetails");
var TTclone = flatoriginal.cloneNode(true);
flatoriginal.parentNode.appendChild(TTclone);
});
});
</script>
вы можете создать демо как http://jsfiddle.net/arunpjohny/oto5hc4h/1/ –
у меня есть создать демо-версию для клона вкладки-1 один, но, как клонировать закладки 2, используя тот же код [jsfiddle ] (http://jsfiddle.net/oto5hc4h/3/) – pise
Клонированный элемент должен быть добавлен как новая вкладка, не так ли? –