2013-07-17 53 views
0

我在代碼中添加了幾個使用javascript的動態div。動態添加Div的不在IE中採取事件?

$('div#Tips').append('' 
    + ' <div class="singleTip" id="'+data.x+''+data.y+'">' 
    + data.content 
    + ' </div>' 
); 

我在用戶將鼠標懸停在某些元素上時顯示此div。但它在IE中不起作用。它適用於所有其他瀏覽器。 任何人都可以請幫忙嗎?我是新來的。

編輯:添加JS代碼

$('.tipPointer').hover(
    function(){ 
     var id = $(this).attr('id'); 
     $('div#allTips').children('div.singleTip#'+id).show(); 
    }, 
    function(){ 
     var id = $(this).attr('id'); 
     $('div#allTips').children('div.singleTip#'+id).hide(); 
    } 
); 
+0

你的JavaScript代碼實現了懸停效果?打F12。單擊腳本調試器選項卡。啓用調試。你看到什麼,如果有的話? – EricLaw

回答

1

我對IE類似的問題,後來就只縮小到IE10。

爲了解決嘗試添加背景圖像未顯示div元素。出於某種原因,即使插入了不存在的圖像,它也能正常工作,所以我使用了一個如下所示的圖像。

<?php if (preg_match('~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT'])) {?> 
<style type="text/css"> 
    .qtip{ 
     background-image:url(/none); 
    } 
</style> 
<?php } ?> 

我還添加了一個PHP檢查,以實現這個CSS只針對IE瀏覽器,因爲其他瀏覽器將拋出404錯誤(並繼續加載)的背景圖像。

我不記得我從哪裏得到這個解決方案。如果我找到原始鏈接,我會更新答案。