Question

我想在图像右侧显示div中的一些文字。我希望文本环绕图像并在到达图像末尾后与页面左侧对齐。使用一个小的jquery脚本来切换div的可见性。问题在于，当切换可见性时，文本在到达图像底部后不再扩展到页面的左边距 - 而是继续打开，就像图像是左边距一样。 html基本上是这样的：

<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>

Answer 1

像往常一样，我必须在找到答案之前发布问题。我不明白为什么会这样，但确实如此：

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


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

Answer 2

这就是你所需要的。将align：left作为图像属性。使用span而不是div

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

jquery toggle break in ie

2 个答案: