Próbuję utworzyć strukturę organizacyjną z lewym dzieckiem i prawym dzieckiem. podobnie jak to demo http://www.jqueryscript.net/demo/Create-An-Editable-Organization-Chart-with-jQuery-orgChart-Plugin/Po kliknięciu dodaj element potomny z polem wprowadzania, np. Drzewo
Ale chcę zapisać dane tutaj z pola wprowadzania. Chcę utworzyć lewe dziecko i prawe dziecko dla każdego po kliknięciu. teraz wszystkie wyświetlane jeden po drugim w dolnym i tylko usunąć przycisk. Chcę również dodać przycisk do tworzenia potomka dla każdego formularza wejściowego. Tutaj użyłem jak ten
$(function() {
var scntDiv = $('#p_scents');
var i = $('#p_scents p').size() + 1;
$('#addScnt').live('click', function() {
$('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i + '" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
i++;
return false;
});
$('#remScnt').live('click', function() {
if (i > 2) {
$(this).parents('p').remove();
i--;
}
return false;
});
});
* {
font-family: Arial;
}
h2 {
padding: 0 0 5px 5px;
}
h2 a {
color: #224f99;
}
a {
color: #999;
text-decoration: none;
}
a:hover {
color: #802727;
}
p {
padding: 0 0 5px 0;
}
input {
padding: 5px;
border: 1px solid #999;
border-radius: 4px;
-moz-border-radius: 4px;
-web-kit-border-radius: 4px;
-khtml-border-radius: 4px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<h2><a href="#" id="addScnt">Add Another Input Box</a></h2>
<div id="p_scents">
<p>
<label for="p_scnts">
<input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="Input Value" />
</label>
</p>
</div>
Oto jsfiddle DEMO Chcę utworzyć strukturę drzewa sam jak wtyczki z formularza wejściowego. ale nie udało się tego. mój fragment nie działa, więc umieściłem link jsfiddle.
jakie jest pytanie? –
'.live' jest przestarzałe. Zamiast tego użyj metody '.on'. –
@AnoopJoshi Chcę utworzyć strukturę drzewa taką samą jak ta wtyczka z formularzem wejściowym. ale nie udało się tego. mój fragment nie działa, więc umieściłem link jsfiddle. –