動的な子の中で動的な親に関しては、私はまだそれほど統計的ではありません。動的な親子の子オブジェクトでイベントを処理する方法
あなたの情報について私はJavascriptとJqueryについて非常に新しいですが、誰かが正しい指示と権利の構文を伝えれば追いつくことができます。私はクリーンなコードを愛しています。そのコードから、私はより多くを学び理解することができます。
レッツは、私はそれがfirebugsに同じです。この構造体のhtmlを持っていると言う： - 私の頭の上に実際に
<div name="div0" class="div0">
<input name="txt0" class="txt0">
<br/><br/>
<div name="div1[]" class="divL1">
<button class="btn1"></button>
<button class="btn2"></button>
<input name="txtL1_a[]" class="cLtxt1">
<input name="txtL1_b[]" class="cLtxt1">
<br/><br/>
<div name="div2[]" class="divL2">
<div id="ui-widget">
<input name="txtL2_a[]" class="cLtxt2 autosuggest">
</div>
<input name="txtL2_b[]" class="cLtxt2">
</div>
<br/><br/>
<div name="div1[]" class="divL1">
<button class="btn1"></button>
<button class="btn2"></button>
<input name="txtL1_a[]" class="cLtxt1">
<input name="txtL1_b[]" class="cLtxt1">
<br/><br/>
<div name="div2[]" class="divL2">
<div id="ui-widget">
<input name="txtL2_a[]" class="cLtxt2 autosuggest">
</div>
<input name="txtL2_b[]" class="cLtxt2">
</div>
</div>
<br/><br/>
質問の多くを持っていますが、私は最初の数質問してみましょう。
1.は、私が実行したい.autosuggestそれがこの前にあるため、通常のフォームに私のために複雑だところ、私は実行にそれを管理することができますが、.autosuggest内部の動的な親のdivとダイナミック入力に配置されたとき、私は値を取得することはできませんし、オートコンプリートを表示します。
与えられたidによって "txtL2_a []"関数SearchTextはパフォーマンスの自動補完を行うことができず、どのインデックスがそれを行っているのかわかりません。
function SearchText() {
$(".autosuggest").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "frmsetuptrip.aspx/GetAutoCompleteData",
minLength: 3,
data: "{'presearch':'" + document.getElementById('txtL2_a[]').value + "'}",
dataType: "json",
success: function (data) {
if ((data.d).length == 0) {
//$('#button9').show();
var result = [
{
label: 'No matches found',
value: response.term
}
];
response(result);
}
else {
response(data.d);
}
},
error: function (result) {
alert("Error");
}
});
}
});
}
2.は、私はいくつかの自動車がいっぱい必要
<div name="div1[]" class="divL1"> //index 1
に言ってみましょう - 私は
<input name="txtL2_a[]" class="cLtxt2 autosuggest"> //index :1
を埋めるときに自動的に
<input name="txtL2_b[]" class="cLtxt2"> 'Index 1
は親のインデックスのみを変更します。
3.前に、以下のこの擬似コードのような特定のサブ機能やタスクを行く場合、私はすべてのイベントをキャッチし、それをすることによって手の込んだことができます一つの機能とにかくあります： -
$("div.div0").each(function (event) {
if (event=="keyup" on child=="divL1"+index[0]){
//detect more spesific which object are doing that
if (whoisdoing=="txtL1_a[]"+index[0] {
//then do action etc: fill up parent input
$("div0.txt0").val($(txtL1_a.index[0]).val());
}
if (whoisdoing=="txtL1_b[]"+index[0] {
//then do action etc: fill up childs input
$("div2[index[0]].txtL2_b[index[0]].val($(txtL1_b[index[0]]).val());
}
}
//event - keypress
//event - click
//and many more
});
私が見つけることができませんが、上記のすべての問題に関するインターネット。誰かが解決策を持っている、あるいはすでにその機能を開発していれば分かち合いますし、これは扱いが容易ではないと私は信じています。
とにかく私の質問を読んで返信してくれてありがとう。
よろしくお願いいたします。
あなたのhtmlは無効です。でも、http://jsbeautifier.org/はそれを修正できません。 – baao
本当に私を助けたいと思ったら、私が編集した後、私のHTML構造を見直してください。 – ahadeveloper777