我的方法沒效果
? $(function () {
? ? ? ? ? ? ? ? $("#btntest").bind("click", function () {
? ? ? ? ? ? ? ? ? ? $(this).toggle(
? ? ? ? ? ? ? ? ? ? ? ? function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? $(div).hide();
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? ? function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("div").show();
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? );
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
我的代碼哪兒有問題嗎
2016-07-06
首先,toggle方法就是為元素的click事件綁定函數(shù),看你的代碼中的意思是點(diǎn)擊btntest的按鈕后就給這個(gè)按鈕的click事件加上了toggle里面的函數(shù),此時(shí)btntest按鈕的click事件綁定的函數(shù)就有多個(gè)(toggle中的兩個(gè)和bind綁定的函數(shù)),再次點(diǎn)擊按鈕,執(zhí)行的結(jié)果可能是bind下的,也就是給按鈕加上toggle的函數(shù),也有可能是toggle中的函數(shù)。
另外,toggle中綁定的函數(shù)間需要用,隔開;
不妨試試以下兩種方法:
? ? ? ? $(function () {
? ? ? ? ? ? ? ? $("#btntest").bind("click", function () {
? ? ? ? ? ? ? ? ? ? $("div").toggle();
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
和
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? ? ? $('#btntest').toggle(
? ? ? ? ? ? ? ? ? ? ? ? function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? $('div').hide();
? ? ? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? ? ? function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? $('div').show();
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? )
? ? ? ? ? ? });
2016-07-06
toggle本身就是設(shè)置奇數(shù),偶數(shù)次點(diǎn)擊事件效果,所以可以直接用,不用綁定click事件;
$(function(){
$("#btnTest").toggle(function(){
$("div").hide();
},function(){
$("div").show();
});
});
toggle方法jquery1.9版本以后就刪除了,如果要用還要用一個(gè)jquery migrate的插件。
2016-07-06
不要加).bind("click", function () {
$(div).hide();這個(gè)div加“”
兩個(gè)function之間加,