Javascript 动态创建的按钮不在IE非兼容模式下工作

因此，我有大量的div，我正在做的是当用户悬停在div上时显示一个按钮。当用户单击按钮时，它会做一些事情。目前的问题是，在IE中，当我点击按钮时，按钮就消失了，什么也不做。它可以在Chrome FF甚至IE中工作，当它打开兼容模式时。代码如下

     function highlightUnmarked ( field ) {
    $( field ).addClass("hover-markedfields");

    var selectedText = $('<div>').append( $( field ).clone() ).html();

    if ( ( selectedText.search( 'triangle-isosceles' ) == -1 )
        && ( selectedText.search( 'triangle-isosceles-blue' ) == -1 )   ) {

        var markButtonsDiv = document.createElement( "div" );
        markButtonsDiv.id = "markButton";

        var initialLink = document.createElement('a');
        initialLink.setAttribute('href', '#');
        initialLink.setAttribute('id', 'initial');
        initialLink.onclick = function() { initial() };

        var initialImg = document.createElement('img');
        initialImg.setAttribute('src', '<?php echo Yii::app()->params['DIRECTORY_NAME'] ?>/images/initial.png');

        initialLink.appendChild( initialImg );

        markButtonsDiv.appendChild( initialLink );

        $(field ).prepend( markButtonsDiv );

    } 

}

谢谢你的帮助

---

编辑：对不起，伙计们，一个简单的错误是阻止它在FF中工作。

你的代码在IE中不工作吗？如果你的代码甚至不在chrome中工作，那么下面是解决方案

---

Jquery UI组件与Google Chrome版本18+兼容。这可能是您的问题。

您能提供您的事件代码吗？当然，一分钟后，我会立即提供。您好，Baskar，该代码在Google Chrome中工作，在IE中工作，兼容模式为on。它不工作在FF或IE与非兼容性的看法。哦，好吧，钱尼。我不知道关于你的问题。

    function initial () {

        $.blockUI({
            message: $('#popup2'),
            centerY: true,
            css: {
                top:  ($(window).height() - 200) /2 + 'px',
                left: ($(window).width() ) /2 + 'px',
                width: '400px',
                height: '',
                margin:'50px 10px',
                padding: '10px 20px 5px 5px',
                color: 'black'
            }
        });
}