如何使用jQuery阻止按钮在div标签内切换？答案

【问题标题】：How to stop a button from toggling within div tag using jQuery?如何使用jQuery阻止按钮在div标签内切换？
【发布时间】：2011-08-31 12:04:01
【问题描述】：

我有一个触发 div 标签切换的链接。问题是我不希望我的按钮（在 div 中）切换。如何阻止它切换？

这是我的html代码：-

<a href="#" id="uploadVideoLink" class="menuLink"> Upload Videos </a>
<div id="uploadVideos" class="menu">
  <input name="submit" type="submit" value="Upload" id="btn" />
</div>

这是我的 jQuery 代码：-

$(document).ready(
  function upload(){$("#uploadVideoLink").click(
     function uploadTog(){$("#uploadVideos").toggle();}     
  );}   
);

【问题讨论】：

嗯，按钮在内部 div。 div隐藏的时候如果不想隐藏，就得拿出来。
实际上，这个 jQuery 的目的是表现得像标签。当我单击链接时，会出现 div。在 div 中，我不希望我的按钮在单击时切换。只有 div 应该切换。
也许他想切换 div 内的所有内容，但按钮除外
我是一个“她”。是的，这正是我想要的。

标签： javascript jquery button toggle

【解决方案1】：

你需要把它放在<div>之外，如果没有他里面的所有元素，你就无法隐藏一个元素。 DOM 就是这样。

【讨论】：

如果我把按钮放在 div 之外，那么我的按钮就会显示出来。我只希望它在 div 切换时显示。但是，我不希望我的按钮像切换按钮一样发挥作用。

【解决方案2】：

如果您的意思是您不想隐藏不可能的按钮，我认为只要按钮在 div 内，因为 toggle() 将 display: none; 分配给 div 从而隐藏其中的所有内容

您可以做的一件事就是这个（这将切换 div 内的所有元素，但不会切换按钮）：

<a href="#" id="uploadVideoLink" class="menuLink"> Upload Videos </a>
<div id="uploadVideos" class="menu">
    <div>sometext</div>
    <input name="submit" type="submit" value="Upload" id="btn" />
    <div>sometext</div>
</div>

$(document).ready(

function upload() {
    $("#uploadVideoLink").click(

    function uploadTog() {
        $("#uploadVideos *:not(#btn)").toggle();
    });
});

小提琴 http://jsfiddle.net/K5NL4/

【讨论】：

啊抱歉，我是新来的。好的，我会接受的。我找到了它在哪里。顺便谢谢:)

【解决方案3】：

如果我理解正确，您需要将按钮移到 div 之外。通过一些样式，您应该能够使界面看起来正确。

要么将打开的 DIV 放在外部按钮的顶部，要么将另一个相同的按钮放在 DIV 内的原始按钮顶部。或者将切换的 DIV 放置在按钮的旁边/正下方，然后创建一个边框，使按钮看起来像是切换的 DIV 的“一部分”。

【讨论】：