标签: toggle

我在将jQuery的toggleClass函数添加到我的其余代码中时遇到了麻烦.该页面上有几个HTML5音频标签,通过jQuery控制.我试图将切换功能添加到我的jQuery音频控制功能,但它没有添加类,随后音频控件不起作用..所以我想这是一些奇怪的语法错误.

你们推荐什么？下面是一个jsFiddle和我(不幸的)弱尝试:)

http://jsfiddle.net/danielredwood/FTfSq/10/

HTML:

<div id="music_right">
    <div class="thumbnail" id="paparazzi">
        <a class="playback">
            <img class="play" src="http://www.lucisz.com/imgs/play.png" />
        </a>
        <audio>
         <source src="../audio/fernando_garibay_paparazzisnlmix.ogg" type="audio/ogg" />
            <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
            Your browser does not support HTML5 audio.
        </audio>
    </div>
    <div class="thumbnail" id="danceinthedark">
        <a class="playback">
            <img class="play" src="http://www.lucisz.com/imgs/play.png" />
        </a>
        <audio>
         <source src="../audio/fernando_garibay_danceinthedark.ogg" type="audio/ogg" />
            <source src="../audio/fernando_garibay_danceinthedark.mp3" type="audio/mpeg" />
            Your browser does not support HTML5 audio.
        </audio>
    </div>
    <div class="thumbnail" id="bornthisway">
        <a class="playback">
            <img class="play" src="http://www.lucisz.com/imgs/play.png" />
        </a>
        <audio>
         <source src="../audio/fernando_garibay_bornthisway.ogg" type="audio/ogg" />
            <source src="../audio/fernando_garibay_bornthisway.mp3" type="audio/mpeg" …

我的页面上有一个元素,可以通过单击文本链接来打开和关闭.当用户点击元素本身之外的页面上的ANYWHERE时,我还需要隐藏元素 - 这是我的jQuery代码 - 有人可以告诉我做什么修改来做我需要的东西吗？

$(function() {
$("#header-translate ul li").click(function() {
    $("#header-translate li ul").toggle("slide", { direction: "up" }, 500); 
});
});

我有以下问题 - 我目前有一个自定义工具栏/一组用于粗体/斜体/下划线的按​​钮,当单击其中每个按钮时,我正在调用相应的js函数.目前,当点击粗体按钮时,我正在打电话

tinymce.activeEditor.formatter.toggle('bold');

后者成功地加粗了当前的选择,但是当我再次按下粗体按钮时,不会删除粗体.我试着调试它和

formatter.remove()

方法被调用,当我检查它的正文中的当前选择是什么时,结果是正确的(有一个选择,它是已经加粗的那个).如果我重新选择文本并按下粗体按钮,则删除粗体格式.我想知道问题可能是什么？任何帮助是极大的赞赏.

谢谢

我正在使用jQuery的slidetoggle,我想知道是否有一种方法可以让它从底部向上滑动,我看到的任何地方似乎无法找到答案,这是我正在使用的代码:

jQuery(document).ready(function(){ 
    jQuery(".product-pic").hover(function(){
        jQuery(this).find('.grid-add-cart').slideToggle('2000', "easeOutBack", function() {
            // Animation complete.
        });
    });
});

我需要用jQuery来知道我的页面上的元素是否已经切换.

我有一个带有XXX元素的菜单.

当我点击一个元素时,我使用:$("#elementXX").slideToggle("slow");(XX是一个数字)

如果我点击另一个元素,我需要知道一个元素是否已经切换,我需要关闭此元素才能滑动我的新元素.

我怎样才能做到这一点 ？我无法通过id检查id,如#element1,#element2,#element3等....

谢谢 !

我创建了一个表单.这是小提琴

默认情况下,所有字段都处于只读状态.我需要做的是

1. 当用户点击Edit button并编辑按钮(名称和值)时,激活文本字段进行编辑SAVE button.

2. 编辑完成后,用户应该点击Save button它,它应该再次执行第一步,意味着将按钮更改回原始状态,即Edit文本字段为readonly

最好寻找jquery解决方案.

预先感谢!!

我需要让Bootstrap 3.0 NavBar的一部分总是崩溃.

导航栏的实际部分:

• 链接
• 搜索表格
• 登录表格

当我在手机中打开网站时,我看到三个部分已折叠,我有三个图标可以折叠每个内容.

当我在PC中打开页面时,我看到栏中的三个部分可见(不是要折叠的按钮).我需要的？在PC视图中,只隐藏登录表单并显示折叠该登录表单的按钮.无论分辨率如何,我都需要让登录按钮始终可见,并且该部分已折叠.这是我的实际代码:

<nav class="navbar navbar-inverse" role="navigation">
    <div class="navbar-header">
        <!--Toggles -->
        <button type="button" class="navbar-toggle boton" 
                data-toggle="collapse" data-target="#sesion">
            <span class="glyphicon glyphicon-user"></span>
        </button>
        <button type="button" class="navbar-toggle boton"
                data-toggle="collapse" data-target="#links" id="menuToggle">
            <span class="glyphicon glyphicon-align-justify"></span>
        </button>
        <button type="button" class="navbar-toggle boton" 
                data-toggle="collapse" data-target="#buscar">
            <span class="glyphicon glyphicon-search"></span>
        </button>
        <!--Logo en vista Mobile -->
        <a class="navbar-brand" style="padding: 10px 0 0 15px" href="#">
            <span class="visible-xs">
                <img src="img/nsnow.png" width="37" height="36" alt="Logo" />
            </span>
        </a>
    </div>

    <ul class="collapse navbar-collapse nav navbar-nav" id="links">
        <!--Links --> …

说我有以下数组:

[True, True, True, True]

如何切换此数组中每个元素的状态？

切换会给我:

[False, False, False, False]

同样,如果我有:

[True, False, False, True]

切换会给我:

[False, True, True, False]

我知道在Python中切换布尔值最简单的方法是使用"not",我在stackexchange上找到了一些例子,但我不知道如果它在数组中如何处理它.

我正在尝试使用Angular UI Dropdown Toggle来创建多级/嵌套下拉菜单.

当我点击下拉列表的第一级时,它只是完全关闭而不会显示第二层.

我附上了一个非常基本的plunkr来展示我正在努力实现的基本版本.

http://plnkr.co/edit/c0GbKQoYWICXwd3JRWGV?p=info

任何帮助,非常感谢.

谢谢

当导航栏折叠时,我的切换按钮不起作用.我已经多次检查了数据目标并且看起来没问题.

这是我的代码:

<div class="navbar navbar-fixed-top navbar-inverse">
 <div class="container">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="index.html" title="The Title">
    <img style="max-width:100px;" src="images/LOGO-4.png">
  </a>


    <div class="collapse navbar-collapse navbar-collapse">
        <ul class="nav navbar-nav pull-right">
            <li class="active"><a href="#">WORK</a></li>
            <li><a href="#">CONTACT</a></li>

        </ul>
    </div>

有谁知道问题是什么以及我如何解决它？