jQuery と Colorbox に関する問題。動的 href が最初に発生した後の変更を反映しない
-
22-09-2019 - |
質問
jQuery (1.4.2) と Colorbox (1.3.6) で奇妙な問題が発生しています。GridTemplate を介して作成された Obout グリッド内にハイパーリンクがあります。問題は、次のように JQuery で実行している動的 href にあります。
グリッド ハイパーリンクは、レコードの主キーをこの関数に渡します。そこでリンクの href を変更し、ColorBox ライトボックス内の iframe を開きます。これは、最初にプレスされたレコードではうまく機能します。ただし、その後クリックするたびに、最初のパラメータが渡されたハイパーリンクが実行されます。href が更新されない、または渡された新しいパラメータに変更されないのはなぜですか?これを達成するためのより良い方法はありますか?
function PopupLink(vReqItrID) {
var lnkPopup = $("a[id=lnkPopup]");
lnkPopup.attr("href", "VendorInfo.aspx?ReqItr=" + vReqItrID.toString());
lnkPopup.trigger("click");
}
<script type="text/javascript">
$(document).ready(function() {
// Assign the ColorBox - Popup iframe event to element
$("#lnkPopup").colorbox({ width: "90%", height: "85%", iframe: true, overlayClose: false });
});
</script><a id="lnkPopup" href="#" style="visibility: hidden;"></a>
<obout:gridtemplate runat="server" id="tplOpenRequest">
<Template>
<a id="lnkReqItr" href="javascript:PopupLink('<%# Container.DataItem("ReqItrID") %>')">Open Request</a>
</Template>
</obout:gridtemplate>
助けていただければ幸いです。感謝 ディエゴ。
解決
愚かな私、 Colorboxのドキュメントを読むと役に立ったと思います。できただろうに...
function PopupLink(vReqItrID) {
$.fn.colorbox({ href: "VendorInfo.aspx?ReqItr=" + vReqItrID.toString(),
width: "90%", height: "85%", iframe: true,
overlayClose: false, open: true });
}
そして、失敗した部分であるトリガーのことは忘れてください。ありがとう。
所属していません StackOverflow