2012-04-25 4 views
1

私はこのjQueryプラグインを使用しています:http://swip.codylindley.com/popupWindowDemo.htmlこれは素晴らしいようです。この(何らかの理由式$についてhtmlタグ属性のURLをjQueryのpopupWindowで開くにはどうすればよいですか?

echo "<tr url=\"details.php?id=$idNum\"><td>$idNum</td>"; 

:私のjQueryのコードは、在庫テーブルにテーブルの行に取り付けられており、このようになりますされています

$("tr").popupWindow({windowURL:$(this).attr("url"),windowName:'Details', centerScreen: true}); 

そして(PHP)からHTMLは次のようになります).attr( "url")が定義されていません。何か提案がありがとう、ありがとう!

EDIT 1:これはおそらくこのキーワードに関連しており、範囲の問題ですか?

EDIT 2:jQueryコードをそれぞれの隣に移動することにしました。これは恐ろしい解決策のように思えますが、スコープの問題や動作をバイパスします。それは次のようになります。私は最終的にそれを発見した場合、私は、私は戻ってきて、これを更新し、今のその場しのぎが立つでしょう....適切なソリューションを探して支援するための

echo "<tr id=\"$idNum\"><td>$idNum</td>"; 
echo "<script type=\"text/javascript\"> 
    $('#$idNum').popupWindow({ 
    windowURL:'details.php?tag=$idNum' 
    });</script>"; 

感謝。

答えて

0

非標準の属性を作成しないでください。ものを保存するために作られたHTML5のdata-属性、使用します。

$("tr").popupWindow({windowURL:$(this).data("url"),windowName:'Details', centerScreen: true}); 

をそして、あなたのPHPを変更:

echo "<tr data-url=\"details.php?id=$idNum\"><td>$idNum</td>"; 
+0

いいえ、html5データ属性のヒントがありますが、これはまだ機能しません。 – Josh

+0

する必要があります。他のjQueryを確認してください。また、すべての ''要素を '.each'ループで繰り返して、それが役に立つかどうかを調べてみてください。何かエラーがありますか? – Blender

+0

わかりません。私は空白のポップアップ(つまり、windowURLは定義されていません)だけのエラーはありません。私はまだそれが何らかのスコープの問題だと思っています。私はオリジナルのポストを私のkludgeソリューションで更新します。 – Josh

0

は、「これは」と呼ばされているコンテキストを用いて決定することはできません提供されたコードを、与えられました確実。あなたは間違いなくDOM要素を参照するためにそれを使用しようとしていますが、実際に何が参照されていても "url"属性を持たないため "未定義"を返しています。あなたがタグにクラスやIDを割り当てた場合、あなたは少しより多くの成功を持っているかもしれません...

はここ(PHP)からいくつかの修正HTMLです:

echo "<tr><td><a id=\"$idNum\" href=\"details.php?id=$idNum\">$idNum</a></td>";  

そしてここにあなたのjQueryのコードは次のとおりです。

$("#myRow").popupWindow({windowURL:$("#" + $idNum).attr("href"),windowName:'Details', centerScreen: true}); 

私はそれをテストしていませんが、これはあなたのために働くと思います。それがどうなるか教えてください。

+0

idを使用すると特定の要素で動作しますが、テーブルには509行あり、それらすべてで動作する必要があります。 – Josh

+0

もう一度、テストしていませんが、私の新しい編集を確認してください... –

+0

いいえ、うまくいきませんでした。再び私はこれが$ idNumのスコープ内のjQueryからアクセスできないので私のだと思う。私はスコープの問題をバイパスした最終的な解決策を元のポストに更新しています(そしてこれは完全な厄介です) – Josh

関連する問題