2012-02-29 6 views
0

深いネストされたDOMで開かれたajaxウィンドウで苦労しています。私はjqueryでいいわけではないので、私はここでいくつかの助けを見つけることを試みる。 jWindowは、クリックするとajax-contentで新しいウィンドウを開くことになっています。 テストのために、最初のDIVのすぐ下にLinkを置いています。これは完璧です! 次に、上にテストとしてSAMEのaタグを含むNumberを持つcoloumを含むTABLEを生成するコードをいくつか追加しました。これは動作しません。ここでDOM内にタグが深くネストされていると、ajaxウィンドウが機能しません

は、DOM(私はそれらを見つけるためにそれをより簡単にするために、2つのタグを中心に水平方向のルールを置く)のコピーです:

<div id="content"> 
<p> 

<a class="get_detail_bill_window" bnr="177" shop="2" href="#">Text Ajax</a> 

</p> 
<div id="form_selection"> 
<div class="ui-widget ui-widget-content ui-corner-all" style="padding: 5px; font-size: 1em; width: 1200px;"> 
<div class="t_fixed_header_main_wrapper ui-widget ui-widget-header ui ui-corner-all"> 
<div class="t_fixed_header_caption ui-widget-header ui-corner-top"> 
<div class="t_fixed_header_main_wrapper_child"> 
<div class="t_fixed_header ui-state-default ui" style="border: medium none; font-weight: normal;"> 
<div class="headtable ui-state-default" style="margin-right: 15px;"> 
<div class="body ui-widget-content" style="height: 340px; overflow-y: scroll;"> 
<div> 
<table id="atcs_sort" style="width: 1182px;"> 
<colgroup> 
<tbody> 
<tr> 
<td class="ui-widget-content">2011-10-16</td> 
<td class="numeric ui-widget-content"> 

<a class="get_detail_bill_window" bnr="341" shop="2" href="#">341</a> 

</td> 
<td class="numeric ui-widget-content">02:25:08</td> 
<td class="numeric ui-widget-content">2011-10-16</td> 

これらの2つのアンカーを見ると、絶対的に同じです。しかし、DOMにネストされたものは動作したくありません。ここで

の準備ができてドキュメントのコードです:セレクタは問題が持っている可能性がある場合

$(".get_detail_bill_window").on({ 
click: function() { 
    var shop=$(this).attr('shop'); 
    var bnr=$(this).attr('bnr'); 
    alert("bin im Click - Shop: "+shop+" Billnr: "+bnr); 

var a = $.jWindow 
({ 
    id: 'detail_bill', 
    title: 'Details of Bill-Nr.: '+bnr, 
    minimiseButton: false, 
    maximiseButton: false, 
    modal: true, 
    posx: 450, 
    posy: 50, 
    width: 700, 
    height: 200, 
    type: 'ajax', 
    url: 'sge_detail_bill.php?s='+shop+'&bnr='+bnr 
}).show(); 


    a.update(); 
} 
}); 

私は、見て、これを試してみました:トップサンプル(

var pars = $(".get_detail_bill_window"); 
for(i=0; i<pars.length; i++){ 
    alert("Found paragraph: " + pars[i].innerHTML); 
} 

をしかし、私はすべて発見し、入れ子にされたもの)をこのクラスに置き換えます。 それで、私は完全に失われ、絶望的です。これらのネストされたリンクが機能しない理由は考えられません。

誰かが解決策を持っていれば、私は非常に素晴らしいでしょう。あなたの質問が短い置かれているもの、事前に

多くのおかげで、 ジョー

答えて

-1

?言い換えplz。しかし、場合には、私は正しく理解し、あなたは、PHPはそれが < .div ID = 'FOO'> < .UL> <に.Li> < .span IDのように見せていたと言うことができますあなたのDOM 内のすべての要素throguhループにしたいです= 'foo1の'> < ./span> < .span ID = 'foo2は'> < ./span> < ./li> <に.Li> < ./li> <に.Li> < ./li> < ./ul> < ./div>

およびacceそれぞれの内側の要素は、 $( '#foo foo1')をクリックしてください(function(){// handler in $( '#foo#foo1')。 foo1をクリックすると、foo2が表示されます(例として) });} }、function(){//ハンドラを終了します $( '#foo#foo1')を親()に設定します(function(){ $( '#foo2'、this)。隠す(); }); }); これは幾分助けてくれるといいですか

+0

Hello Semur、ありがとうございます。しかし、いいえ、私はループしたくありません。テーブルはすでにcoloumnの各行に適切なリンクを持つDOM内にあります。私はこのcoloumnの行のこのインクをクリックすると、ajax-contentが開かれたウィンドウを取得したいだけです。 alredy完璧に働くこのネストされた構造の外のリンクのように。上記の私の説明の2つのaタグを見てください。これらは、テーブルのtdタグに深くネストされている(動作していない)点を除いて全く同じです。 – JSS

関連する問題