jqModal ダイアログがあります。
function initOrderIdCardDialog() {
$('#orderIdCardDialog').jqm({
trigger: '#orderIdCardButton',
overlay: 85, /* 0-100 (int) : 0 is off/transparent, 100 is opaque */
overlayClass: 'dialogOverlay',
closeClass:'cancelOrderIDCard',
onShow: showDialog,
onHide: hideDialog,
toTop: true
});
}
これは、いくつかの html の後に呼び出されます。
<a href="#" class="sideBtn" id="orderIdCardButton">Order ID Card</a>
...
<div id="orderIdCardDialog" class="dialog">
...
</div>
<script type="text/javascript" charset="utf-8">
initOrderIdCardDialog();
</script>
ページの読み込み時に、jqModal.js で例外がスローされます。
Uncaught TypeError: undefined is not a function
jqModal.js の 34 行目の直後:
$.fn.jqmAddTrigger=function(e){return hs(this,e,'jqmShow');};
その結果、リンクをクリックしてもダイアログが表示されません。トリガーの jQuery セレクターを空の文字列に置き換えると、例外はスローされません。jqModal のサイトには jQuery セレクターが有効であると記載されているため、少し混乱しています。どんな助けでも大歓迎です。ありがとうございました。