2013-05-14 34 views
1

div內的內容不會顯示在ie9中。它在所有其他瀏覽器中顯示?彈出窗口中的內容不會在IE中顯示9

<div id="element_to_pop_up2" style="z-index:9999999"> 

    <a href="#" class="b-close">x</a> 

    **There will be Delay with shipping this week.** 
    </div> 

$(document).ready(function() { 
     $('#element_to_pop_up2').bPopup({ 
       speed: 650, 
       transition: 'slideIn' 
     }); 
    }); 
+0

澄清;彈出窗口出現,但沒有內容?或者沒有彈出? – Turnip

+0

popup會彈出。但是在IE9中沒有內容。提示問題。 – ronit

+0

使用一個插件,創作者實際上對他們在做什麼有了線索?嚴重的彈出頁面上的示例代碼都是錯誤的....如果彈出窗口在那裏,但沒有內容嘗試包裝在p標籤的文本。 –

回答

0

見我的小提琴http://jsfiddle.net/rYLu8/1/在那裏我已經litterally複製你的代碼,並複製從JS代碼(如不能從GitHub直接送達)

$(document).ready(function() { 
    $('#element_to_pop_up2').bPopup({ 
      speed: 650, 
      transition: 'slideIn' 
    }); 
}); 

它似乎在FF,Chrome和IE9上爲我「工作」 - 但在任何情況下,我都不會將其描述爲「正常工作」,因爲一旦調整窗口大小,它似乎只是居中對齊內容合理。

總而言之,我猜你的代碼有問題,但我會認真地推薦看一些更好的東西(並且沒有少年標語),例如http://twitter.github.io/bootstrap/javascript.html#modalshttp://jqueryui.com/dialog/,它們會更容易使用,跨瀏覽器更可靠,而且他們擁有龐大的人羣,你可以問問你是否曾經陷入困境。