我试图获得一个脚本,以便当单击此div #events时,#meet div中当前的内容将其可见性更改为隐藏(从而保留空间),然后使用jquery方法将v2.html中的内容加载到#meet div中。但是,现在#meet div消失了,但是新的内容没有出现。知道为什么吗?
HTML:
<div id="meet">
........
<div id="exec"></div>
........
</div>联署材料:
$(document).ready(function(){
$("#exec").click(function(){
$("#meet").load("execute.html").fadeIn('slow');
});
$("#events").click(function() {
$('#meet').css('visibility','hidden', function() {
$('#meet').load("ev2.html", function() {
$('#meet').css('visibility', 'visible');
})
})
});
});发布于 2015-04-02 20:45:27
.css不把函数作为第三个参数。它确实将一个函数作为第二个参数,其中只有一个propertyName作为第一个参数:api.jquery.com/css。尝试删除该函数调用并将$('#meet').load()移动到第一个.css调用的下方。
您还可以链接.css和.load函数。
$(document).ready(function(){
$("#exec").click(function(){
$("#meet").load("execute.html").fadeIn('slow');
});
$("#events").click(function() {
$('#meet').css('visibility','hidden').load("ev2.html", function() {
$('#meet').css('visibility', 'visible');
});
});
});
发布于 2015-04-02 20:43:35
在JQuery中使用CSS类:包含您想要的样式的addClass("foo")和包含不想要的样式的removeClass("boo")。
看看这把小提琴jsfiddle.net
$("#navigation").on("click", function(){
if($(this).hasClass("foo")){
$(this).removeClass("foo");
$(this).addClass("boo");
$(this).animate({width: 100}, 350);
} else {
$(this).removeClass("boo");
$(this).addClass("foo");
$(this).animate({width: 100}, 350);
}
});https://stackoverflow.com/questions/29421822
复制相似问题