1

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>'
                + '&nbsp;&nbsp;&nbsp;&nbsp;'
                + '<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);

            }
        });
4

2 に答える 2

2

私のページの問題はリンク切れでした。それを修正しただけなので、問題はないはずです。これは IE8 に固有のものではなく、IE8 で問題が発生したことはありません。

あなたが投稿したもので私が目にする唯一の問題は、開始<div>要素に引用符が迷子になっていることです。私はIE8であなたのコンテンツをチェックしましたが、それが実際に問題でした:

これ:

var dialog = '<div">'

これでなければなりません:

var dialog = '<div>'

引用符が外れていると、マークアップが適切に形成されなくなります。また、ブラウザーがエラーにどのように応答したり、エラーから回復したりするかは、ブラウザー次第であり、非常に一貫性のない結果が残ります。

于 2012-12-11T05:09:32.480 に答える