Javascript jQuery切换不隐藏可见元素

Javascript jQuery切换不隐藏可见元素,javascript,jquery,Javascript,Jquery,我正在编写一个Greasemonkey脚本,大致如下: Javascript: var togglingLink = document.createElement("a"); $(togglingLink) .attr('href', 'somelink') .html('<div>foo</div><div style="display:none">bar</div>'); $(togglingLink).children().

我正在编写一个Greasemonkey脚本,大致如下:

Javascript:

var togglingLink = document.createElement("a");
$(togglingLink)
    .attr('href', 'somelink')
    .html('<div>foo</div><div style="display:none">bar</div>');

$(togglingLink).children().toggle();
// Then I insert it into the page.
var-togglingLink=document.createElement(“a”);
$(togglingLink)
.attr('href','somelink')
.html('foobar');
$(togglingLink).children().toggle();
//然后我把它插入页面。
这使得这个HTML:

<a href="somelink">
    <div>foo</div>
    <div style="display:none">bar</div>
</a>

$().toggle()只是使隐藏的div可见,而不是隐藏可见的div。我缺少什么


确实有效。但是我的Greasemonkey脚本中的相同代码不起作用




根据bobek的回答,我还尝试将div改为span,但这并没有解决我的问题。

中包含
在HTML<5中无效,一些浏览器可能无法使用它。将您的
更改为
,然后查看它是否有效

中包含
在HTML<5中无效,某些浏览器可能无法使用它。将您的
更改为
,然后查看它是否有效

中包含
在HTML<5中无效,某些浏览器可能无法使用它。将您的
更改为
,然后查看它是否有效

中包含
在HTML<5中无效,某些浏览器可能无法使用它。将您的
更改为
,然后查看它是否有效

我终于明白了。我实际上正在运行
$().toggle()。这就是导致jQuery无法按预期切换的原因。一旦我做了
$().toggle()发生在附加之后,然后它正常工作。

我终于找到了答案。我实际上正在运行
$().toggle()。这就是导致jQuery无法按预期切换的原因。一旦我做了
$().toggle()发生在附加之后,然后它正常工作。

我终于找到了答案。我实际上正在运行
$().toggle()。这就是导致jQuery无法按预期切换的原因。一旦我做了
$().toggle()发生在附加之后,然后它正常工作。

我终于找到了答案。我实际上正在运行
$().toggle()。这就是导致jQuery无法按预期切换的原因。一旦我做了
$().toggle()在附加后发生,然后它正常工作。

对我有效检查应用于切换目标“div”的CSS。有内部代码是无效的。@bobek我不认为so@Keen即使有了更新的代码,它对我来说仍然有效。请检查应用于切换目标“div”的CSS.有个内线是无效的。@bobek我不认为so@Keen即使有了更新后的代码,它仍然对我有用。检查一下你的CSS,它应用于切换目标“div”。有一个内部代码是无效的。@bobek我不认为so@Keen即使有了更新的代码,它对我来说仍然有效。请检查应用于切换目标“div”的CSS.有个内线是无效的。@bobek我不认为so@Keen即使有了更新后的代码,它仍然可以工作——在HTML5中似乎是有效的。转到此处,然后粘贴
aa
@wared Yes,但不在旧版本中。如果他是在IE8上做的,那可能不行。我是在Firefox24上做的。在Firefox25.0上试过,效果很好。打开其他元素(非嵌套)是否适合您?@JohannesH。是的,切换网页中的随机元素效果很好。出于某种原因,我的visible div拒绝隐藏在我的脚本中。它似乎在HTML5中有效。转到此处,然后粘贴
aa
@wared Yes,但不在旧版本中。如果他是在IE8上做的,那可能不行。我是在Firefox24上做的。在Firefox25.0上试过,效果很好。打开其他元素(非嵌套)是否适合您?@JohannesH。是的,切换网页中的随机元素效果很好。出于某种原因,我的visible div拒绝隐藏在我的脚本中。它似乎在HTML5中有效。转到此处,然后粘贴
aa
@wared Yes,但不在旧版本中。如果他是在IE8上做的,那可能不行。我是在Firefox24上做的。在Firefox25.0上试过,效果很好。打开其他元素(非嵌套)是否适合您?@JohannesH。是的,切换网页中的随机元素效果很好。出于某种原因,我的visible div拒绝隐藏在我的脚本中。它似乎在HTML5中有效。转到此处,然后粘贴
aa
@wared Yes,但不在旧版本中。如果他是在IE8上做的,那可能不行。我是在Firefox24上做的。在Firefox25.0上试过,效果很好。打开其他元素(非嵌套)是否适合您?@JohannesH。是的,切换网页中的随机元素效果很好。出于某种原因,我的可见div拒绝隐藏在脚本中。