深いネストされた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);
}
をしかし、私はすべて発見し、入れ子にされたもの)をこのクラスに置き換えます。 それで、私は完全に失われ、絶望的です。これらのネストされたリンクが機能しない理由は考えられません。
誰かが解決策を持っていれば、私は非常に素晴らしいでしょう。あなたの質問が短い置かれているもの、事前に
多くのおかげで、 ジョー
Hello Semur、ありがとうございます。しかし、いいえ、私はループしたくありません。テーブルはすでにcoloumnの各行に適切なリンクを持つDOM内にあります。私はこのcoloumnの行のこのインクをクリックすると、ajax-contentが開かれたウィンドウを取得したいだけです。 alredy完璧に働くこのネストされた構造の外のリンクのように。上記の私の説明の2つのaタグを見てください。これらは、テーブルのtdタグに深くネストされている(動作していない)点を除いて全く同じです。 – JSS