来自国外网站的脚本无法在div内部处理

Question

我从网站上获得了这个特定的脚本。我把它放在div上。我想做这样的事情。 http://www.upesspe.org/但我无法以任何方式处理剧本。

http://oil-price.net/dashboard.php?lang=en

Javascript

< script > $(document).ready(function () {
    $('#first').click(function () {
        $('#wti').slideDown(500);
    });

    $('.script').mouseLeave(function() {
        $('#wti').slideUp(500);
    });
}); < /script>

HTML

<div class="script">
<div id="first" class="header_06">WTI Crude Oil</div>
<div id="wti">
    <script type="text/javascript" src="http://www.oil-price.net/TABLE2/gen.php?lang=en">

    </script>
    <noscript>To get the WTI <a href="http://www.oil-price.net/dashboard.php?lang=en#TABLE2">oil price</a>, please enable Javascript.</noscript>
</div>
</div>

DEMO：http://jsfiddle.net/rockyddev/9csnk/5/

PS - 我更新了

Answer 1

mouseLeave应为小写，并删除jQuery中的<script>标记。请尝试使用以下代码：

$(document).ready(function () {
    $('#first').click(function(){
        $('#wti').slideDown();
    });
    $('.script').mouseleave(function() {
        $('#wti').slideUp(500);
    });
});