私は比較的単純なことをしようとしています。それは、Facnybox jQuery プラグインをトリガーして、ドキュメントの読み込み中にポップアップすることです。私は ASP を使用していますが、それは関係ありません。次のタグがあります。
<a id = "lnkGId" href = "" name = "lnkGId" runat = "server" ></a>
JavaScript では、次のことを行います。
//check to ensure the link has an href
$(document).ready(function () {
if($("a[id *= 'lnkGId']").length > 0 && $("a[id *= 'lnkGId']").attr("href") !="" ){
console.log($("a[id *= 'lnkGId']").attr("href"));
}
});
アンカーは、サーバー側で動的に設定された href を取得します。ID が少し壊れているため、*= セレクターを使用しています。この部分は機能します。アンカーに href があるときに上記を実行すると、適切な href がコンソールに記録されます。
ここでやりたいことは、ページが読み込まれ、アンカーの href に値があるときに Facncybox をトリガーすることだけです。上に投稿した if 条件内でさまざまな方法を試しました。
1
$("a[id *= 'lnkGId']").fancybox().trigger("click");
2
var url = $("a[id *= 'lnkGId']").attr("href");
$.fancybox({
href: url,
modal: true,
'fitToView' : false,
'width' : '600px',
'height' : '560px',
'autoSize' : false,
'closeClick' : true
});
3
$("a[id *= 'lnkGId']").fancybox({
'fitToView' : false,
'width' : '600px',
'height' : '560px',
'autoSize' : false,
'closeClick' : true
});
$("a[id *= 'lnkGId']").trigger("click")
エラーは発生しません。console.log("complete"); を実行しています。上記のコードを適用して、どこかで壊れていないことを確認した後。すべてが動作状態にあるように見えますが、トリガーすることができません! ここで私ができることについて何か提案はありますか? アドバイスをいただければ幸いです。ありがとう!