当前位置:编程学习 > JAVA >>

jquery toggle使用技巧

$("#btn").toggle(function(){
                $("input").setReadOnly(true);
            },function(){
                $("input").setReadOnly(false);
            });


<input type="text" id="wenben">
    <input type="button" value="按钮" id="btn">



大家好   我这样调用toggle()为什么页面直接就没有button按钮就光一个文本框,别的什么都没有???   我用的是firefox 23.0.1,这是怎么一个情况,是我的方法弄错了吗??? --------------------编程问答--------------------
$("#btn").toggle(function(){
                $("input").attr("readOnly",true);
            },function(){
                $("input").attr("readOnly",false);
            });
--------------------编程问答-------------------- 你用的哪个版本的jquery? --------------------编程问答--------------------
引用 1 楼 rui888 的回复:
$("#btn").toggle(function(){
                $("input").attr("readOnly",true);
            },function(){
                $("input").attr("readOnly",false);
            });

++  我不是这个意思   我写了一个setReadOnly()方法,方法没问题就是这个toggle()有问题!!! --------------------编程问答--------------------
引用 2 楼 podongxi777442156445 的回复:
你用的哪个版本的jquery?


2.0.3   估计是版本的问题,在网上没有搜到相关的问题! --------------------编程问答-------------------- 应该是你的自己写的那个方法问题。看下alert 是否出来1,2

$("#btn").toggle(function(){
alert("1");
                
            },function(){
alert("2");
               
            });
});
--------------------编程问答-------------------- 新版本的jquery的toggle方法变化了,你那么写,按钮消失了是吧
今天我也被坑了,回到主题

$("#btn").click(
function () {
$('input').toggle();
}
);

好像现在这个方法只是显示隐藏用了 --------------------编程问答--------------------
引用 6 楼 podongxi777442156445 的回复:
新版本的jquery的toggle方法变化了,你那么写,按钮消失了是吧
今天我也被坑了,回到主题

$("#btn").click(
function () {
$('input').toggle();
}
);

好像现在这个方法只是显示隐藏用了

++   对   我目前查了查  自从1.9以后这个方法只是隐藏了,坑啊 --------------------编程问答--------------------

$("#gj").click(
function () {
$('#test').toggle(
function(){
if(i%2==0){
$('#test').attr('readonly','false');
 }else{
 $('#test').attr('readonly','true');
 }
i++;
}
);
}
);

我自己测试的方法,不过很无语,你还是自己用juqery在写个方法调用吧 --------------------编程问答-------------------- 对了,在方法外面,也就是jquery初始化里加一个  var i = 0 --------------------编程问答--------------------
引用 8 楼 podongxi777442156445 的回复:

$("#gj").click(
function () {
$('#test').toggle(
function(){
if(i%2==0){
$('#test').attr('readonly','false');
 }else{
 $('#test').attr('readonly','true');
 }
i++;
}
);
}
);

我自己测试的方法,不过很无语,你还是自己用juqery在写个方法调用吧

++   嗯嗯   谢谢   我还是用click吧 --------------------编程问答--------------------
引用 9 楼 podongxi777442156445 的回复:
对了,在方法外面,也就是jquery初始化里加一个  var i = 0

++   嗯 谢谢  
我最终选择了click不用这个toggle了
$("#btn").click(function(){
                if($("input[type='text']").prop("readOnly")){
                    $("input").setReadOnly(false);
                }else{
                    $("input").setReadOnly(true);
                }
            });
--------------------编程问答--------------------
引用 11 楼 jueshengtianya 的回复:
Quote: 引用 9 楼 podongxi777442156445 的回复:

对了,在方法外面,也就是jquery初始化里加一个  var i = 0

++   嗯 谢谢  
我最终选择了click不用这个toggle了
$("#btn").click(function(){
                if($("input[type='text']").prop("readOnly")){
                    $("input").setReadOnly(false);
                }else{
                    $("input").setReadOnly(true);
                }
            });

因为今天我在写了一个试试看,发现按钮不见了,就改改,然后发现是那个方法变化了 --------------------编程问答--------------------
引用 12 楼 podongxi777442156445 的回复:
Quote: 引用 11 楼 jueshengtianya 的回复:

Quote: 引用 9 楼 podongxi777442156445 的回复:

对了,在方法外面,也就是jquery初始化里加一个  var i = 0

++   嗯 谢谢  
我最终选择了click不用这个toggle了
$("#btn").click(function(){
                if($("input[type='text']").prop("readOnly")){
                    $("input").setReadOnly(false);
                }else{
                    $("input").setReadOnly(true);
                }
            });

因为今天我在写了一个试试看,发现按钮不见了,就改改,然后发现是那个方法变化了


哈哈   都被坑到了   应该早点去看看源代码,结果一目了然,
toggle: function( state ) {
if ( typeof state === "boolean" ) {
return state ? this.show() : this.hide();
}

return this.each(function() {
if ( isHidden( this ) ) {
jQuery( this ).show();
} else {
jQuery( this ).hide();
}
});
}
--------------------编程问答-------------------- 你用的版本好新,我在用1.9.1的···,前几天还用1.7的,突然弄个新版本过来 --------------------编程问答-------------------- 恩   这个是最新版的   新项目就直接上新东西了,没想到就被坑到了
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,