jquery切換中斷float in ie

我在div中有一些文本我想要在圖像的右側顯示。我希望文本環繞圖像並在頁面到達圖像的末尾時與頁面的左側對齊。 div的可見性使用一個小小的jQuery腳本來切換。問題在於，當可見性切換時，文本在到達圖像底部後不再擴展到頁面的左邊緣 - 而是繼續，就好像圖像是左邊距一樣。在html基本上是這樣的：jquery切換中斷float in ie

<html> 
    <image float:left> 
    <div id="toggleMe">lots of text here</div> 
</html>

注意這兩件事情：這個問題不會在Firefox發生，只有IE（未經測試與其他瀏覽器）。另外，如果圖像的可見性未被切換，它在IE中可以正常工作。

下面是代碼：

<script type="text/javascript"> 
$(loadStuff); 

function loadStuff() { 
    $("#divWorkExperience").hide(); 


    $("#btnShowWorkExp").click(function() { 
     $("#divWorkExperience").toggle("slow"); 
     return false; 
    });

剪斷

<div style="text-align:justify;"> 

    <img src="ContentImages/highres_22409206.jpg" style="height:300px;width:400px;float:left;clear:none; margin-right:6px;" alt="me" /> 
    <div id="divWorkExperience" style="display:block; clear:none;">lots of text</div> 
</div>

來源

2012-11-10 Sam

想要設置一個小提琴嗎？ http://jsfiddle.net – VIDesignz

嘗試將此樣式添加到您的圖片 position：absolute; – Idiot211

像往常一樣，我要發佈問題之前，我可以找到答案。我不明白爲什麼這個工程，但它它：

function loadStuff() { 
    $("#divWorkExperience").hide(); 


    $("#btnShowWorkExp").click(function() { 
     if ($.browser.msie) { 
      $("#divWorkExperience").toggle(); 
     } else { 
      $("#divWorkExperience").toggle("slow"); 
     } 
     return false; 
    });

來源

2012-11-10 20:17:14 Sam

它工作，因爲沒有動畫，嚴格隱藏/顯示切換'display：none' – charlietfl

這就是你需要的一切。把對齊：留作圖像屬性。使用跨度代替div

<body> 
    <img align="left" src="" style="height:300px; width:400px; margin-right:6px;" alt="me" /> 
    <span>Your long text here</span> 
</body>

來源

2012-11-10 20:17:26 VIDesignz

jquery切換中斷float in ie

回答

相關問題