首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery css可见性在加载方法中不起作用?

jQuery css可见性在加载方法中不起作用?
EN

Stack Overflow用户
提问于 2015-04-02 20:24:34
回答 2查看 463关注 0票数 0

我试图获得一个脚本,以便当单击此div #events时,#meet div中当前的内容将其可见性更改为隐藏(从而保留空间),然后使用jquery方法将v2.html中的内容加载到#meet div中。但是,现在#meet div消失了,但是新的内容没有出现。知道为什么吗?

HTML:

代码语言:javascript
复制
<div id="meet">
........
<div id="exec"></div>
........
</div>

联署材料:

代码语言:javascript
复制
    $(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');
               })
            })
        });
    });
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-04-02 20:45:27

.css不把函数作为第三个参数。它确实将一个函数作为第二个参数,其中只有一个propertyName作为第一个参数:api.jquery.com/css。尝试删除该函数调用并将$('#meet').load()移动到第一个.css调用的下方。

您还可以链接.css.load函数。

代码语言:javascript
复制
$(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');
    });
  });
});

票数 0
EN

Stack Overflow用户

发布于 2015-04-02 20:43:35

在JQuery中使用CSS类:包含您想要的样式的addClass("foo")和包含不想要的样式的removeClass("boo")。

看看这把小提琴jsfiddle.net

代码语言:javascript
复制
$("#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);
     }   
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29421822

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档