Javascript jQuery滑动切换不工作

我的javascript：

$("#preview-click").click( function() {
    $("#preview").slideToggle("fast", function() {
        $("#preview-pdf").html('<iframe style="width: 100%; height: 500px;" src="http://docs.google.com/gview?url=http://www.example.com/pdf/3.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>');
    });
}); 

$（“#预览单击”）。单击（函数（）{
$（“#预览”）.slideToggle（“快速”，函数（）{
$（“#预览pdf”）.html（“”）；
});
}); 

我的HTML：

<a id="preview-click" style="cursor: pointer;">preview</a>
<div id="preview" class="generic-block-70" style="display: none">
    <div id="preview-pdf" class="generic-content-70">
    </div>
</div>

预览

我试图让div向下滑动，然后更改它的内容。如果

iframe

已经在div中，而我只是滑动切换，则帧无法正确渲染——这就是为什么我需要在div显示后生成内容

上述解决方案根本不起作用。当我点击链接时，什么也没有发生

---

我还应该注意到，我有不止一个

$（document）.ready（）

这在我的js提琴上很好用，你在使用document ready吗

$（文档）.ready（函数（）{
$（“#预览单击”）。单击（函数（）{
$（“#预览”）.slideToggle（“快速”，函数（）{
$（“#预览pdf”）.html（“”）；
});
}); 
});

这在我的js提琴上很好用这里你准备好使用文档了吗

$（文档）.ready（函数（）{
$（“#预览单击”）。单击（函数（）{
$（“#预览”）.slideToggle（“快速”，函数（）{
$（“#预览pdf”）.html（“”）；
});
}); 
});

$（“#预览单击”）。单击（函数（）{
$（“#预览”）.slideToggle（“快速”，函数（）{
$（“#预览pdf”）.html（“”）；
});
返回false；
}); 

$（“#预览单击”）。单击（函数（）{
$（“#预览”）.slideToggle（“快速”，函数（）{
$（“#预览pdf”）.html（“”）；
});
返回false；
}); 

$（“#预览单击”）。单击（函数（）{
$（“#预览”）.slideToggle（“快速”，函数（）{
$（“#预览pdf”）.html（“”）；
});
返回FALSE；
}); 

$（“#预览单击”）。单击（函数（）{
$（“#预览”）.slideToggle（“快速”，函数（）{
$（“#预览pdf”）.html（“”）；
});
返回FALSE；
}); 

在我的例子中，Slidetoggle在我的iframe中部分工作，但它留下了空白，我仍然在寻找解决方法。

我的JS

我的Html

<div class="demo">
<div id="headerview" style="cursor:pointer;">SlideStarts</div>
     <table>
        <tr>
            <td></td>
        </tr>
     </table>
</div>

滑屋

---

在上下滑动时，我试图改变iframe的高度，但它看起来仍然很愚蠢。

在我的例子中，Slidetoggle部分在iframe内工作，但它留下了空白，我仍然找到了解决方法。

我的JS

我的Html

<div class="demo">
<div id="headerview" style="cursor:pointer;">SlideStarts</div>
     <table>
        <tr>
            <td></td>
        </tr>
     </table>
</div>

滑屋

---

我尝试在上下滑动时更改iframe高度，但仍然看起来很愚蠢。

您需要

返回FALSE返回false哪里？在
标签中？@DominicGreen，这太奇怪了。。。这对我根本不起作用。这怎么可能呢？文档中的代码准备好了吗？js fiddle会自动执行此操作，请参见下面的我的答案您需要
返回FALSE返回false哪里？在
标签中？@DominicGreen，这太奇怪了。。。这对我根本不起作用。这怎么可能呢？你的文档中的代码准备好了吗js fiddle会自动这样做，请看下面我的答案这不是他的问题的解决方案不幸的是，它没有返回false，这不是他的问题的解决方案不幸的是，它没有返回false，例如是的，我有2个
文档。准备好了吗。我已经读到有不止一个是可以的，对吗？是的，我有两个
文档。准备好了
就在那一页上。我读过，拥有不止一个是可以的，对吗？
$("#preview-click").click( function() {
    $("#preview").slideToggle("fast", function() {
        $("#preview-pdf").html('<iframe style="width: 100%; height: 500px;" src="http://docs.google.com/gview?url=http://www.example.com/pdf/3.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>');
    });
    return FALSE;
}); 

    $(document.myform).ready(function() {
       $('div.demo:eq(0)> div#headerview').click(function() {
       $(this).next().slideToggle('20');
    });
  }); 

<div class="demo">
<div id="headerview" style="cursor:pointer;">SlideStarts</div>
     <table>
        <tr>
            <td></td>
        </tr>
     </table>
</div>