标签: toggle

嗨,我想知道是否可以将WPF扩展器控件上的切换按钮对齐到最右侧？

使用toogle显示/隐藏div,我有一个问题,当我用anothor函数隐藏我的div时,我必须在按钮上单击两次才能执行正确的操作.

有没有办法改变切换开关,就像我点击按钮一样？

$('#add_task').toggle(function() { 
    if ($("#new_task_status").attr("value")==0) { 
        $("#new_task").slideDown();
        $("#new_task_status").attr("value", "1");
    }
}, function() {
    if ($("#new_task_status").attr("value")==1) { 
        $("#new_task").slideUp();
        $("#new_task_status").attr("value", "0");
    }
});


$('nav').click(function() { 
    if ($("#new_task_status").attr("value")==1) { 
        $("#new_task_status").attr("value", "0");
        $("#new_task").slideUp();
    }
});

我试图使用jQuery在datagrid中实现加/减图标.在展开时,减号图标即将到来,但在崩溃时,加号图标不会回来.

这是实现:http://jsfiddle.net/pixelfx/3fwyf/10/

任何人都可以查看代码.

确定有一个明显的答案,但我不知道.我使用JQuery动态加载页面.load()在"加载"页面上有一个表单元素的表单,例如input type="number"(HTML5).

是否有任何理由为什么如果我slideToggle()表单元素总是回复到表单,input type="text"如果我toggle()- (只是toggle())元素保持"真"同样如果我添加toggle('slow')表单元素总是回复到input type="text"

好."page1"上的HTML代码如下所示:

<form method="post" id="frmcreate">
<ol></ol>
<input type="submit" id="testit" />
</form>

它像这样加载到这个 - 是的doc ready()等.

$('ul#fieldtypes li a').click(function(){
var id_timestamp = new Date().getTime();
var id = $('.inputlength').length;
$( "#frmcreate ol" ).append('<li id='+id_timestamp+' class="inputlength"></li>');
$('#'+id_timestamp).load('test1.php?y='+id);
return false;

});

这是加载的表单

Type <input type="text" name="fieldmeta<?php echo $y; ?>[type]" /> <?php echo $error; ?> 
<br/>
Name <input type="text" name="fieldmeta<?php echo $y; ?>[name]" value="<?php echo $y; ?>" …

我想知道某人是否能够提供帮助？我已经尝试过并尝试自己找到解决方案,但似乎没有任何效果.

我有一个水平列表,当用户点击其中一个链接时,隐藏的div会出现在列表的正下方,填充整个容器的宽度(950px).

这在Firefox,Safari和IE8上绝对完美,但似乎不适用于IE7(可能更少,我无法检查).

在IE7中,div导致列表中断,在额外的行上进行最终列表项的操作(因此,我推测？)将div推到页面的下方,因此它不会与列表的底部齐平.实际上,它似乎位于div下方,ID为"highlightbar".

这是相关的代码 - 我会永远感激任何人可能有的建议!

您可以在http://www.totalbackpacker.co.uk上看到这个问题"在行动中" .(有趣的是,如果我只使用http://www.martinjefferies.co.uk/test.html上的相关代码进行快速测试,问题就不存在了.我不确定这是否有帮助？!)

谢谢,

马丁

HTML:

<div id="outer">

<div id="wrapper">

<div id="header">
</div>

<div id="navbar">

<ul>
<li class="left"><a href="#" title="Home"><img src="<?php bloginfo('template_url'); ?>/images/navbar/home.png" alt="Home" /></a></li>
<li><a href="#" title="Explore by country" onClick="toggle('submenu')"><img src="<?php bloginfo('template_url'); ?>/images/navbar/explorebycountry.png" alt="Explore by country" /></a></li>
<li><a href="#" title="Search"><img src="<?php bloginfo('template_url'); ?>/images/navbar/search.png" alt="Search" /></a></li>
<li><a href="#" title="Contact"><img src="<?php bloginfo('template_url'); ?>/images/navbar/contact.png" alt="Contact" /></a></li>
<li class="right"><a href="#" title="About"><img src="<?php bloginfo('template_url'); ?>/images/navbar/about.png" alt="About" /></a></li>

<div id="submenu" style="display: none; z-index:500;">
<div id="submenu-inner"> …

我想要做的是使用javascript使用切换按钮来更改div标签的类。这样，当我按下按钮一次div标签获得显示类别时，当我再次按下同一按钮时其获得隐藏类别。这可能吗？

的HTML：

<a id="togglebutton">Show/hide</a>

<div class="show"> 
   I want this div to toggle between the 'show' class and the 'hide' class
</div>

CSS：

.show {
    display: block;
}


.hide {
    display: none;
}

js：

function toggle(){
    var hide = document.querySelector(".hide");
    var show = document.querySelector(".show");

}

var hidebutton = document.querySelector(".togglebutton");
hidebutton.onclick = toggle

将document.getElementById("MyId").className = "MyClass";是可用不知何故？

我的导航栏上的简单下拉菜单有以下代码:https://jsfiddle.net/jL3yyk98/10/

的index.html

<div id="menu-button"></div>

NavMenu.js

var NavMenu = React.createClass({
    getDefaultProps: function()
    {
        return {
            isOpen: false
        };
    },

    render: function()
    {
        if (this.props.isOpen)
        {
            return (
                <div className="dropdown">
                    <ul>
                        <li><a href="#">News</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Guidelines</a></li>
                        <li><a href="#">Exchange</a></li>
                        <li><a href="#">Forum</a></li>
                    </ul>
                </div>
            );
        }
        return null;
    }
});

NavMenuButton.js

var NavMenuButton = React.createClass({

    getInitialState: function()
    {
        return {
            isOpen: false
        };
    },

    toggleMenu: function(e)
    {
        e.stopPropagation();
        this.setState({isOpen: !this.state.isOpen});
    },

    onClose: function()
    {
        this.setState({isOpen: false});
    },

    componentDidMount: function () …

我正在开发一个WinForms项目,我正在尝试创建一个ON/OFF切换按钮,它使用两个单独的图像(都位于项目资源中),用于"ON"设置和"OFF"设置.

基于我在网上找到的内容,我使用了CheckBox它的外观设置为"按钮".

这是我到目前为止按钮的代码:

    private void ToggleButton_CheckedChanged(object sender, EventArgs e)
    {
        if (ToggleButton.Checked)
        {
            ToggleButton.BackgroundImage.Equals(Properties.Resources.ToggleButton_ON);
        }
        else
        {
            ToggleButton.BackgroundImage.Equals(Properties.Resources.ToggleButton_OFF);
        }
    }

出于某种原因,当我点击按钮时没有任何反应,我不确定我在这里做错了什么.

基本上,我希望背景图像在用户点击按钮之间ToggleButton_ON和之间循环返回ToggleButton_OFF.

默认情况下，Visual Studio 2012等可能会在单击时删除已启用的断点。在我看来，这很不自然，因为单击禁用的断点会启用它。为什么随后的单击会删除它？我期望相反的情况，即禁用断点，与Xcode的行为类似。

是否有某个设置可以让我修改此行为，单击以在启用和禁用之间切换？

我正在尝试使用Bootstrap 4创建一个表单,在单击每个"按钮"时展开不同的元素.

它应该如何工作:按钮(收音机):是/否---如果单击"是",则它会展开包含复选框按钮的元素.

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary active" data-toggle="collapse" href="#collapseExample" aria-expanded="false"> 
    <input type="radio" name="options" id="option2" autocomplete="off"> Yes
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option3" autocomplete="off"> No
  </label>
</div>
<!-- Expanded Buttons -->
<div class="btn-group collapse" id="collapseExample" data-toggle="buttons">
  <label class="btn btn-primary active">
    <input type="checkbox" autocomplete="off"> Checkbox 2
  </label>
  <label class="btn btn-primary">
    <input type="checkbox" autocomplete="off"> Checkbox 3
  </label>
</div>
<!-- / Expand Buttons -->

这是我笔的链接.