首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >关闭加载的div的jQuery

关闭加载的div的jQuery
EN

Stack Overflow用户
提问于 2012-06-05 14:51:32
回答 1查看 1.1K关注 0票数 1

当我单击表#tblStudents中的表行时,我在名为#ajaxContent<div>中从外部php页面加载包含POST内容的div,如下所示:

代码语言:javascript
运行
AI代码解释
复制
$("#tblStudents").on("click", "tr", function(e){
var row_id = $("td:first a.ajaxCall", this).attr("rel");
$("#ajaxContent").html("<div id='wait'></div>");
$.ajax({
    url: "/page/editstudent.php",
    data: { 'student_id':row_id },
    success: function(data){
        $("#ajaxContent").html(data);
    }
  });
 });

现在,我想在加载的#ajaxContent目录中添加一个关闭按钮。

当我将这段代码添加到#ajaxContent目录之外时,它在某种程度上是有效的。它隐藏了div,但也会让我的$("#tblStudents").on("click", "tr", function(e)停止工作,直到整个页面刷新……

代码语言:javascript
运行
AI代码解释
复制
<button id='hide'>Hide</button>

<script>
  $("#hide").click(function(){
  $("#ajaxContent").hide();
 });
</script>

是否可以将close函数添加到我当前的jQuery脚本?并且仍然能够在不刷新页面的情况下在#tblStudent表行之间切换并加载#ajaxContent

EN

回答 1

Stack Overflow用户

发布于 2012-06-05 14:57:45

似乎唯一的问题是,如果单击隐藏按钮,则在下一行单击时不会显示容器。

只需在行单击内将show()方法添加到elemnt就可以解决问题

代码语言:javascript
运行
AI代码解释
复制
 $("#ajaxContent").show().html("<div id='wait'></div>");

如果它已经可见,show()将不会导致任何问题

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10899573

复制
相关文章
JQuery Div scrollTop ScrollHeight
jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性,互联网上几乎搜素不到关于它的应用技巧,而我正好需要用到它。
全栈程序员站长
2022/09/15
2.9K0
jquery点击删除按钮,删除当前的div
现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全都删掉了,但是我只需要点击哪一行div里面的删除按钮,就删除哪一行,其实很简单,只需要写一个this事件即可。
王小婷
2019/07/08
5.4K0
延迟加载图片的jQuery插件-Lazy Load Plugin for JQuery
Lazy Load是一个用Javascript写得jQuery插件。它可以使一个长网页中,不在当前视图中的图片延迟加载,以提高页面的载入速度。
EltonZheng
2021/01/26
3.9K0
jquery判断一个div的边界是否超出另外一个div的边界
摘要:本文简单介绍jquery判断一个div的边界是否超出另外一个div的边界,如果超出边界做出相应的处理。
牛老师讲GIS
2018/10/23
1.6K0
jquery判断一个div的边界是否超出另外一个div的边界
自动加载jQuery的Javascript代码示例
当我们在Javascript里需要用到jQuery但又无法判断是否加载过时,可以通过下面的方法来自动判断并加载jQuery,代码如下:
魏杰
2022/12/23
1.1K0
jquery实现下拉框选中对应的div
这是一个很简单的功能,jquery实现下拉框选中对应的div。 虽然简单但是会在项目之中经常会用到,尤其是统计的时候,按照不同类型或者不同的年月日来选择相对应的内容。
王小婷
2018/12/28
2.2K0
替换WordPress 自带默认的 jQuery库, jQuery库页脚加载
在开发WordPress 主题或者WordPress 插件时候,常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载,毕竟是为了避免多次加载 jQuery库。但在实际操作中,常常会有各种各样的问题出现。 因为WordPress 自带的 jQuery库会在最后添加jQuery.noConflict()以保证与其他js 库的兼容,因此那些通过 $ 代替jQuery的缩写代码会失效。详见《WordPress中的jQuery库不起作用的相关问
Jeff
2018/01/19
2.4K0
jquery预加载图片
(function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement('img');
用户8671053
2021/09/23
8K0
jquery 加载 - ready方法
将获取元素的语句写到页面头部,会因为元素还没有加载而出错。 JavaScript为了避免加载页面的元素报错的问题,需要在加载之中增加window.onload方法。 如下:
Devops海洋的渔夫
2019/05/30
1.9K0
延迟加载图片的 jQuery 插件:Lazy Load
网站的速度非常重要,现在有很多网站优化的工具,如 Google 的 Page Speed,Yahoo 的 YSlow,对于网页图片,Yahoo 还提供 Smush.it 这个工具对图片进行批量压缩,但是对于图片非常多的网站,载入网页还是需要比较长的时间,这个时候我们可以使用 Lazy Load 这个 jQuery 插件来延迟加载图片。
Denis
2023/04/15
2K0
ecplise中如何关闭Tomcat的自动重启/加载
针对已经添加至Tomcat中的项目,每当我们修改该项目的一些配置文件,保存后,Tomcat就会自动重启/加载,重新扫描加载配置文件,控制台就会弹出很多信息,很影响我们的开发效率,很烦人,那么我们如何把Tomcat的自动重启关掉呢?
黑泽君
2018/10/11
2.4K0
ecplise中如何关闭Tomcat的自动重启/加载
[CSS]JQuery 操作CSS使DIV显示或者隐藏
在某些需求中,你需要点击按钮显示某个div,并隐藏已经显示的按钮。同时点击另外一个按钮,又会隐藏已经显示的,并显示已经影藏的。当然当你使用mvvm框架(vue,react之类的)的框架的时候是不存在这些问题的。显然,当你翻到我这个博客的时候是没有用vue之类的,因此,你只要看我下面的代码就好了
用户2353021
2020/05/11
4.3K0
解决Electron加载带jquery的项目报错问题
<!-- Insert this line above script imports --> <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script> <!-- normal script imports etc --> <script src="scripts/jquery.min.js"></script> <script src="scripts/vendo
hbbliyong
2018/03/06
1.3K0
基于jQuery或Zepto的图片延迟加载插件
当我们网站的页面图片过多时,加载速度就会很慢。尤其是用手机2G/3G访问页面,不仅页面慢,而且还会用掉很多流量。我们主题之前也都采用了图片的懒加载形式,但都不完美,部分主题还采用了占位图片来控制懒加载,今天换一种js图片懒加载,它原理就是将页面内所有需要加载的图片全部换成一张默认的图片(一般尺寸很小),只有图片在可视区域才去请求加载,这样的话应该就能满足我们日常所需,好了不说废话先按照教程操作试试,后期主题会逐一更新,稍安勿躁!!!
李洋博客
2022/11/03
3.3K0
WordPress主题中加载jQuery的最佳方法
一般来说,在html页面底部 (也就是</body>之前)引入JavaScript,如jQuery 和 jQuery插件是个不错的做法。原因很简单,HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。
丘壑
2019/03/13
2.6K0
jQuery scroll(滚动)延迟加载
延迟加载 $(window).scroll(function(){ var scrollHeight = $(document).height(); //文档高度 var scrollTop = $(this).scrollTop(); //滚动条卷去高度 var windowHeight = $(this).height(); // 窗口高度 // console.log(scrollHeight, scrollTop, windowHeight) if(scrol
deepcc
2018/05/16
9.3K0
JQuery之图片懒加载
由于现在很多的网站都带有大量的图片,而图片的加载又会特别的慢,特别是在移动端,懒加载就显的特别重要了,说白了就是按需加载,用户要看到哪里就显示哪里,下面来记录一下懒加载的基本实现步骤!
越陌度阡
2020/11/26
4.7K0
jQuery实现图片懒加载
一、懒加载 1.什么是懒加载 目前,网络上各大论坛,尤其是一些图片类型的网站上,在图片加载时均采用了一种名为懒加载的方式,具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片,从而节约了网络带宽和提高了初次加载的速度。 2.懒加载的原理 页面中的img元素,如果没有src属性,浏览器就不会发出请求去下载图片,只有通过javascript设置了图片路径,浏览器才会发送请求。 懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位,
小胖
2018/06/27
13.9K0
JQuery ztree 异步加载实践
本来要做一个文件目录浏览界面,需要遍历所有的文件和目录,很显然一次性读取时很费时费力的一件事情。 因此就需要做异步加载.... 不过网上的几篇帖子还挺坑的!原始参考:JQuery异步加载实例,相对
用户1154259
2018/01/17
2.1K0
JQuery ztree 异步加载实践
layer开启与关闭加载层
// 开启加载层 layer.load(2, { shade: [0.6, '#fff'], content: '数据加载中...', success: function (layero) { layero.find('.layui-layer-content').css({ 'padding-top': '6px', 'width': '150px', 'padding-left': '40px' }); layero.find('.layui-layer-ico16, .
tongyao
2022/06/09
1.2K0

相似问题

加载远程内容后无法关闭div - Jquery

10

jQuery: div的多个关闭选项

10

jquery隐藏jquery加载的div。

32

jQuery fadeOut关闭错误的div

21

JQuery:自关闭div

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档