标签: toggle

Python:如何在两个值之间切换

我想在Python中的两个值之间切换,即介于0和1之间.

例如,当我第一次运行一个函数时,它产生数字0.下一次,它产生1.第三次它回到零,依此类推.

对不起,如果这没有意义,但有没有人知道这样做的方法?

python toggle

33
推荐指数
10
解决办法
2万
查看次数

如何使用JavaScript切换数组中的元素?

这是我为这个简单任务的javascript代码:

  1. 如果元素存在于数组中,请将其删除.
  2. 如果元素不在数组中,请添加元素.

    if(_.contains(this.types,type_id)){
        var index = this.types.indexOf(type_id);
        this.types.splice(index,1);
    }
    else{
        this.types.push(type_id);
    }
    
    Run Code Online (Sandbox Code Playgroud)

有没有更有效的方法来做到这一点?

javascript arrays toggle underscore.js

32
推荐指数
5
解决办法
2万
查看次数

在jQuery中的两个类之间切换

我正在尝试修改jQuery UI portlet的图标.我想切换它们,而不是加减少和减去扩展.

我只是取得了有限的成功,第一次点击减去它翻转加号,但加号从未翻转到减号.任何有关这方面的帮助将非常感激.

这是一个示例HTML:

<script src="scripts/jquery-1.3.2.js" type="text/javascript" ></script>
<script src="scripts/ui/ui.core.js" type="text/javascript"></script>
<script src="scripts/ui/ui.sortable.js" type="text/javascript"></script>

<div class="column">
    <div class="portlet">
        <div class="portlet-header">Links</div>
        <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我为jQuery提出的:

<script type="text/javascript">
    $(function() {
        $(".column").sortable({
            connectWith: '.column'
        });

        $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
        .find(".portlet-header")
            .addClass("ui-widget-header ui-corner-all")
            .prepend('<span class="ui-icon ui-icon-minusthick"></span>')
            .prepend('<span class="ui-icon ui-icon-closethick"></span>')
            .end()
        .find(".portlet-content");

        $(".portlet-header .ui-icon-minusthick").click(function() {
            $(this).removeClass("ui-icon-minusthick");
            $(this).addClass("ui-icon-plusthick");
            $(this).parents(".portlet:first").find(".portlet-content").toggle();
        });

        $(".portlet-header .ui-icon-plusthick").click(function() {
            $(this).removeClass("ui-icon-plusthick");
            $(this).addClass("ui-icon-minusthick");
            $(this).parents(".portlet:first").find(".portlet-content").toggle();
        });

        $(".portlet-header .ui-icon-closethick").click(function() {
            $(this).parents(".portlet:first").toggle();
        });

        $(".column").disableSelection();
    });
</script> …
Run Code Online (Sandbox Code Playgroud)

jquery class toggle

29
推荐指数
3
解决办法
6万
查看次数

相当于已弃用的jQuery Toggle事件

jQuery的Toggle事件功能已作为1.9版的一部分删除.

我正在使用这个函数:

$('#example').toggle(function() {
    do stuff
}, function() {
    do stuff
});
Run Code Online (Sandbox Code Playgroud)

现在Toggle Event已经消失了,重现此功能的最佳方法是什么?

jquery toggle

28
推荐指数
2
解决办法
2万
查看次数

当与jquery slidetoggle一起使用时,链接href ="#"将页面滚动到顶部

可能重复:
当单击一个触发javascript的链接时,如何阻止网页滚动到顶部?

我正在使用jquery的slidetoggle来显示/隐藏div.控制滑动的元素是文本链接(<\ a>中的一些文本),它具有href ="#",因此它看起来像一个链接(下划线,光标更改).

问题是,当点击链接时,除了滑动效果,页面滚动到顶部.

我尝试用href =""替换href ="#",但是禁用了div显示/隐藏效果.我想我可以添加标签Name ="somename",然后将href设置为href ="#somename",但我宁愿不使用这样的技巧.

为什么href ="#"将页面滚动到顶部?

任何想法都将受到高度赞赏

jquery scroll href toggle slide

27
推荐指数
2
解决办法
3万
查看次数

jQuery切换动画

我有这个jQuery:

$(document).ready(function()
{
   $("#panel").hide();

   $('.login').toggle(
   function()
   {
      $('#panel').animate({
      height: "150", 
      padding:"20px 0",
      backgroundColor:'#000000',
      opacity:.8
}, 500);
   },
   function()
   {
      $('#panel').animate({
      height: "0", 
      padding:"0px 0",
      opacity:.2
      }, 500);
   });
});
Run Code Online (Sandbox Code Playgroud)

这工作正常,但我需要扩展功能.我也希望同样操作另一个div的属性与#panel div同步.我尝试添加两个与辅助div相关的功能,但我只是进行了4阶段切换......哈哈!原谅我的无知!

多谢你们!

jquery animation toggle

26
推荐指数
2
解决办法
13万
查看次数

jQuery .toggle()在IE中不与TR一起使用

我正在使用jQuery的toggle()来显示/隐藏表行.它在FireFox中工作正常,但在IE 8中不起作用.

.show()/ .hide()工作正常.

slideToggle()在IE中也不起作用 - 它会瞬间显示然后再次消失.在FireFox中正常工作.

我的HTML看起来与此类似

<a id="readOnlyRowsToggle">Click</a>  
<table>  
  <tr><td>row</td></tr>  
  <tr><td>row</td></tr>  
  <tr class="readOnlyRow"><td>row</td></tr>  
  <tr class="readOnlyRow"><td>row</td></tr>  
  <tr class="readOnlyRow"><td>row</td></tr>  
</table>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

$(document).ready(function() {  
    $(".readOnlyRow").hide();  
    $("#readOnlyRowsToggle").click(function() {  
        $(".readOnlyRow").toggle();  
    });  
});  
Run Code Online (Sandbox Code Playgroud)

html jquery toggle

25
推荐指数
3
解决办法
4万
查看次数

Jquery,隐藏和显示第n项后的列表项

假设我有一个无序列表,如下所示:

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
   <li>Four</li>
   <li>Five</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我如何使用JQuery隐藏最后2个列表项并在那里有一个"显示更多"链接,所以当点击时,最后2个列表项会出现?

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
   <li style="display:none;">Four</li>
   <li style="display:none;">Five</li>
   <li>Show More</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

javascript jquery toggle hide

25
推荐指数
4
解决办法
6万
查看次数

使用jQuery Toggle更改div文本

使用时slideToggle,如何更改文本关闭/显示?我做了一个简单的,但无法将文本更改回来.

这是我做的:

$(document).ready(function(){
    $('.open').click(function(){        
            $('.showpanel').slideToggle('slow');
            $(this).text('close');
    });
    
        $('.open2').click(function(){        
            $('.showpanel2').slideToggle('slow');
            $(this).text('close');
    });        
});
Run Code Online (Sandbox Code Playgroud)
body{
font-size:20px;
}
#box{
    border:2px solid #000;
    width:500px;
    min-height:300px;      
}
.open,.open2 {
    width:450px;
    height:50px;
    background:blue;
    margin:5px auto 0 auto;
    color:#fff;     
    }
.showpanel,.showpanel2{
    width:450px;
    height:300px;
    margin:0 auto 10px auto;
    background:red;
    display:none;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="box">

<div class="open">Show</div>
<div class="showpanel">This is content</div>

<div class="open2">Show</div>
<div class="showpanel2">This is content</div>
</div>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/9EFNK/

javascript string jquery toggle

24
推荐指数
3
解决办法
6万
查看次数

Javascript/Ember - 切换变量的布尔值

我知道有.set()方法将布尔值设置为true或false但我想知道是否有类似.set()的方法,除非它切换布尔值.

在这种情况下,布尔值isEditing被设置为"true".

isEditing:false,
actions: {
  edit: function(category){
    category.set('isEditing', true);
    console.log(this.get('isEditing'))
  },
}
Run Code Online (Sandbox Code Playgroud)

这是html

{{#if isEditing}}
  <div class="category-text"> 
    {{view Ember.TextField valueBinding=name action="turnOffEditMode"}}
  </div>
{{else}}
  <div class="category-text"> 
    {{#linkTo 'category' this}}
      {{name}}
    {{/linkTo}}
  </div>
{{/if}}  
Run Code Online (Sandbox Code Playgroud)

javascript html5 boolean toggle ember.js

22
推荐指数
1
解决办法
1万
查看次数