ColorBox でインライン html を呼び出していますが、IE8 ではコンテンツが表示されません。これは、Jack Moores 自身のサイトで複製できます。デモ サイトhttp://www.jacklmoore.com/colorbox/example1/に移動し、最後から 2 番目のリンク "Inline HTML" をクリックします。次に、一番下のリンクをクリックしてコンテンツを更新します...IE8では、ボックスに何も表示されません。
私は同じ問題を抱えていますが、以下に示すように、その場で div コレクションを作成しています。チェックボックスの確認用です。助言がありますか?
$('input[name$=chkApproved]').click(function (e) {
var th = $(this);
if (th.is(':checked')) {
var dialog = '<div">'
+ '<div id="dialog">'
+ '<p style="margin-top: 30px;">'
+ 'Are you sure you want to approve this program?</p>'
+ '<p style="font-size: small;">'
+ '<strong>Note:</strong> This cannot be undone!</p>'
+ '<p style="text-align: center;">'
+ '<a href="#" onclick="javascript:parent.$.colorbox.close();" class="btn btn-small btn-primary">Approve</a>'
+ ' '
+ '<a href="#" onclick="' + $(this).attr('id') + '.checked=false;parent.$.colorbox.close(); return false;" class="btn btn-small">Cancel</a>'
+ '</p></div></div>';
$.colorbox(
{
onLoad: function() {
$("#cboxClose").remove();
},
overlayClose: false,
href: dialog,
open: true,
title: "Program Approval",
inline: true,
height: "210px",
onClosed: function () {
$("[id$=btnHiddenApprove]").click();
}
});
e.stopPropagation();
} else {
th.attr('checked', false);
}
});