jQuery .slideToggle（）函數不能正常工作

-1

我發現了一些jQuery代碼用於展示幻燈片效果的內容，但它們都不起作用。jQuery .slideToggle（）函數不能正常工作

的Javasccript代碼：

$('#clickme').click(function() { 
     $('#pic').slideToggle('slow', function() { 
     }); 
    });

的HTML：

<div id="clickme"> 
     click here</div> 
    <img id="pic" src="Img/Gallery/123.jpg" />

當我點擊「點擊我」分區，沒有任何反應。我也試過這個：

$("div").click(function() { 
    $(this).hide("slide", { direction: "down" }, 1000); 
});

但是，沒有任何反應。問題是什麼？謝謝！

你的'console'是什麼？任何錯誤？ – Engineer

有兩種方法，它的工作原理：

1）添加以下代碼在頭

$(document).ready(function() { 
$("div").click(function() { 
$('#pic').slideToggle('slow', function() { 
    }); 
}); 
});

2）將您的代碼後您的最後一個div！

顯然你必須包括一個jquery文件！例如：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

2012-06-15 14:37:50 movabo

我已經嘗試了所有你說的，我已經寫了「http://code.jquery.com/jquery-1.7.2.min.js」，試過了你所有的版本，累了把它放在onload函數上，但它仍然劑量作品 –

對不起，我犯了一個錯誤！現在它應該工作！ – movabo

我不知道爲什麼，突然它有效，我沒有改變昨天的任何事情，但無論如何。哦，我怎麼能從側面滑動？ –

把你的代碼中

$(document).ready(function(){ 
    // Your code here  
});

2012-06-15 14:31:01 Imdad

你shlould加入這一行的head加載的jQuery：

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

2012-06-15 14:31:16 mgraph

您可能還需要你的代碼改成這樣：

$("div").on("click", function() { 
     $(this).hide("slide", { direction: "down" }, 1000); 
    });

2012-06-15 14:33:32

查看此jsfiddle查看工作示例。）順便說一句，沒有必要將空函數傳遞給slideToggle，我想。

我想唯一的區別是，你嘗試運行你的javascript不作爲onload函數;它沒有找到任何'clickme'元素，這就是爲什麼不調用事件處理函數的原因。

2012-06-15 14:34:36 raina77ow

回答