使用jQuery单击相应按钮后动态隐藏/显示div
基础概念
jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。通过 jQuery，你可以轻松地实现网页上的动态效果，比如动态隐藏和显示元素。
相关优势
- 简化 DOM 操作：jQuery 提供了简洁的 API 来操作 DOM 元素，使得代码更加简洁易读。
- 跨浏览器兼容性：jQuery 处理了不同浏览器之间的差异，使得开发者可以专注于业务逻辑而不是兼容性问题。
- 丰富的插件支持：jQuery 有大量的插件库，可以轻松实现各种功能，如表单验证、轮播图等。
类型
- 显示元素：使用
.show()方法。 - 隐藏元素：使用
.hide()方法。 - 切换显示/隐藏：使用
.toggle()方法。
应用场景
动态隐藏/显示 div 是网页交互中常见的需求，比如导航菜单、弹出窗口、折叠面板等。
示例代码
以下是一个简单的示例，展示如何使用 jQuery 在单击按钮后动态隐藏/显示一个 div。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery Hide/Show Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
#myDiv {
width: 200px;
height: 200px;
background-color: lightblue;
}
</style>
</head>
<body>
<button id="toggleButton">Toggle Div</button>
<div id="myDiv">This is a div element.</div>
<script>
$(document).ready(function() {
$('#toggleButton').click(function() {
$('#myDiv').toggle();
});
});
</script>
</body>
</html>参考链接
常见问题及解决方法
- jQuery 未加载：确保在 HTML 文件中正确引入了 jQuery 库。
- jQuery 未加载：确保在 HTML 文件中正确引入了 jQuery 库。
- 选择器错误：确保选择器正确匹配了目标元素。
- 选择器错误：确保选择器正确匹配了目标元素。
- 脚本执行顺序：确保 jQuery 代码在 DOM 元素加载完成后执行。
- 脚本执行顺序：确保 jQuery 代码在 DOM 元素加载完成后执行。
通过以上步骤，你可以轻松实现使用 jQuery 动态隐藏/显示 div 的功能。如果遇到问题，可以参考上述解决方法进行排查。
相关·内容
jquery
$(function() {
$(".i-icon").click(function() {
$("#navBar .navBarInfo li ul").toggle();
});
});
$(function() {
$(".menu-icon").click(function() {
$("#navBar .mainNavBar li ul").toggle();
浏览 2提问于2014-01-02得票数 0
回答已采纳
我有两个div，我根据按钮单击事件显示或隐藏它们。我使用.hide()和.show() jquery方法。
其中一个div有两个单选按钮。当这个特定的div被隐藏然后显示时，单选按钮的选择就会丢失。
有人能帮帮忙吗。
浏览 3提问于2012-02-29得票数 0
回答已采纳
如何让"pastButton“只显示"pastInvestments”，让"currentButton“在点击时只显示"currentInvestments”？
在我的html中，我有两个按钮和两个div：
<button class="w3-button currentButton">Current</button>
<button class="w3-button pastButton">Past</button>
<div class="currentInves
浏览 0提问于2017-06-01得票数 0
我有html，有多个div，它是用逗号类动态创建的，一个div用于显示该div的所有html或数据，这些都是动态创建的。
通过单击“显示”按钮，我必须用jQuery显示动态创建的div的所有数据，但是只选中div数据或html应该显示thair复选框。
如何处理jQuery。
例如，有三个div，所以我选择了第一个div和第三个div，所以在按钮单击，我必须显示在"display“中只有data1 data3；
这些是动态创建的div
<div class="div1"><input type="checkbox" class="
浏览 5提问于2016-04-12得票数 0
回答已采纳
2回答
我有一个包含来自PHP的动态内容的页面，我想使用jQuery的加载函数定期刷新包含动态内容的div容器，以便在旧内容之上显示新内容。
我使用jQuery函数，如下所示：
setInterval(function() {
$("#ContentWrapper").load("Livefeed.php #ContentWrapper");
}, 10000);
每隔10秒刷新一次内容容器的包装器
我的问题是，在执行load函数之后。单击事件和悬停事件在页面上不能正常工作。最初它们根本没有触发，所以我在内容包装
浏览 2提问于2013-04-23得票数 0
我有一个问题与弹出不再显示后，点击事件。
我正在使用AngularJS观看一些动态内容，并且我想在内容发生变化时重新加载弹出窗口。在弹出框中有一个按钮，它链接到更改我的内容的功能。当按钮被点击时，我想重新加载弹出窗口。“隐藏”功能起作用了，但随后它会闪烁，直到我再次单击输入时才会“显示”弹出窗口。当我点击它时，内容就会更新。但是我想让它在用户不点击的情况下“显示”..
我的代码如下；
输入字段；
<input id='test' ng-model="form.location" type="text" class="form-con
浏览 10提问于2018-01-19得票数 1
3回答
编辑
我有一个“保存更改”按钮，我想点击并切换一个div与消息“更改保存”。我这样做：
<input type="submit" id="savebtn" name="save" value="Save Changes"/>
<input type="hidden" id="res" name="res" value="@ViewBag.result"/>
<div class="success">Changes
浏览 0提问于2014-06-25得票数 0
2回答
我正在用登录页面构建一个有角度的应用程序。登录页面包含以下元素：
登录表格
密码遗忘表
密码忘记确认讯息
密码重置表单(单击电子邮件发送的链接后在此结束)
加载旋转器
首先，应该提出login form。当您单击forgot my password链接时，登录表单将消失，password forgot form应该出现，用户可以在其中输入电子邮件地址并按下一个按钮来请求新密码。接下来，用户将向password forgot acknowledge message显示文本，说明下一步将发生什么。
当用户单击通过电子邮件发送的链接时，他再次被重定向到登录页面，并显示在p
浏览 0提问于2018-03-29得票数 0
回答已采纳
有没有可能在有人单击单选按钮时立即限制slideToggle动画的动作？我有一个是或否的问题，我写了一个简单的JQuery，当我单击“是”单选按钮时显示隐藏的div，问题是当我单击“是”按钮时它会重复隐藏/显示操作。
有什么解决方案吗...？
尽管我是JQuery新手，但我的JQuery代码如下所示
$(document).ready(function(){
$('#d01').click(function(){
$(".c01").slideToggle();
});
$('#d02')
浏览 0提问于2011-08-23得票数 0
回答已采纳
2回答
我在我的主视图上有不同的锚标签，还有一个带有iframe的弹出div。单击锚定标记时，会将不同的视图加载到iframe。我的问题是，当我点击第一个锚标签时，iframe会加载一个完美的视图。当我单击下一个锚点标记时，iframe最初显示上一个视图，然后只加载选定的视图。在加载所选视图之前，上一个视图将在iframe中显示几秒钟。
用于显示iframe弹出窗口div的jquery是
$("#crtSubInstn").live("click", function(e) {
$(".iframe_popup_window").
浏览 0提问于2011-08-13得票数 1
根据选择选项值的变化，单击显示文本框名称和显示文本框的数量将随我的ajax.But更改，我尝试在提交按钮中验证该文本框。但是在单击submit按钮时不会保留文本框值...
我的问题是ajax response div不能在提交时保留这些值？
Ajax响应div：
<?php
foreach ($technical_skill as $skills){
?>
<div class="form-group col-md-12">
<div class="col-md-4">
<label for=&#
浏览 0提问于2016-04-13得票数 0
我试图使用jquery“切换”来隐藏带有文本的div并显示一个图像，反之亦然，但是当我单击该按钮时，它就不起作用了。按钮来自一个引导示例:这是导致问题的原因吗？
代码：
$("#btn1").click(function() {
$("#struttura").toggle();
$("#foto1").toggle();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></scri
浏览 3提问于2020-12-06得票数 1
不久前，我使用这个简单的函数隐藏/取消隐藏divs'：
$(document).ready(function() {
$('#job_desc').hide();
$('#slick-toggle').click(function() {
$('#job_desc').toggle(400);
return false;
});
});
正如您所看到的，我只是在文档准备好时用id job_desc隐藏job_desc，还创建了一个函数，在用户单击id slick-toggle链接时切换div的状态。
时代在变化
浏览 4提问于2011-10-10得票数 2
回答已采纳
我有一个页面，感谢jQuery将在特定条件下自动单击“Report”按钮。因此，当用户通过菜单进入页面时，他们等待x秒，并返回结果。效果很好..。
但是，我想添加一个动画，因为有些用户不知道正在发生什么，我也想显示一个旋转器。应用程序还没有“and化”，而且可能永远不会。所以我想到了一个穷人的方法。
我有一个包含文本和图像的div。这个div有一个类，它简单地执行display: none;，与单击按钮的jQuery相同，我还让它使用.toggleClass方法来显示div。
这很好，报表运行并最终返回数据，因为此时页面被刷新，div再次被隐藏，一切都在这个世界上。
我的问题是，图像显示，但没
浏览 1提问于2010-11-03得票数 0
回答已采纳
如何在另一个被隐藏后显示一个div？
我有一个类名为this-message的div，在单击Make me disappear按钮之后，我想在面板隐藏并在4秒后隐藏this-message之后立即显示this-message div。
我查看了jQuery api，但我认为这是非常特殊的东西，不可能出现在那里。
这是我用来隐藏div的代码：
$(".btn-disapear").click(function() {
$(this).closest(".panel").fadeOut(400);
});
浏览 6提问于2015-07-24得票数 1
回答已采纳
我正在尝试使用jquery创建一个动态显示--越来越少的内容选项。问题是，我的结果来自for循环，所以如何强制jquery在页面加载时只加载20个结果，然后在单击“显示更多”按钮时加载其余的结果。此外，当列表展开时，按钮应该更改为“较少显示”，然后单击该按钮将返回到显示前20个结果。下面是我的代码
echo html_writer::start_tag('div', array('id' => 'establishment'));
echo html_writer::start_tag('h5');
echo get_st
浏览 5提问于2022-07-18得票数 0
回答已采纳
5回答
我一直试图创建多个div，应该隐藏在页面加载。如果单击相应的按钮，则应显示div；如果再次单击相同的按钮，则应隐藏该div。另外，如果一个div正在显示，另一个按钮被单击，那么对应于该按钮的div就会出现。如果再次单击相同的按钮，则div应该隐藏。我跟踪了一个线程，所以为了同样的原因，我能够显示与按钮单击相应的div，但是切换功能不起作用。
请找到小提琴：
jQuery(function() {
jQuery('.showSingle').click(function() {
jQuery('.targetDiv').hide();
jQ
浏览 0提问于2018-04-09得票数 3
回答已采纳
是否可以将DIV的CSS属性设置为最初不显示，然后让jQuery稍后显示它？
我在我的网站上有一些弹出气泡，如果JavaScript被禁用，我不想显示它们。
目前，当页面通过jQuery加载时，我会调用隐藏所有元素，并且只有在单击正确的按钮时才显示它们。
但是，禁用JavaScript将强制这些气泡出现在页面上。
如果我调整这些div的显示或可见性设置，似乎无法使用jQuery在单击事件上显示它们。
有没有某种方法可以在不破坏jQuery功能的情况下自动隐藏这些内容？
浏览 0提问于2010-08-10得票数 2
回答已采纳
1回答
我有一个iFrame，可以在单击按钮时切换为可见或隐藏。我使用JQuery .toggle函数来完成此操作。当前通过CSS: style="display:none“默认隐藏该区域的div
新的要求要求保存用户最近的显示或隐藏(选定的切换状态)，以便下次加载页面时使用，因此，如果用户上次访问主页时选择显示iFrame，则下次访问主页时将默认可见。我想用cookie设置上一次选择的切换状态，但是我不能让它工作。下面是我的代码：
<meta charset="utf-8">
<title>drop demo</title>
<lin
浏览 0提问于2014-04-09得票数 1
2回答
我有两个按钮，显示两个不同的元素。当我单击第一个按钮时，会显示FIRST。当我单击第二个按钮时，会显示SECOND，但FIRST也是可见的。我想要做的是，当第二个按钮被点击时，FIRST应该隐藏，SECOND应该显示出来。
代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href=
浏览 4提问于2015-11-23得票数 0
回答已采纳
我有一个带有pager的jQuery循环，它创建一个无序列表，当点击时，就会改变幻灯片。我正在尝试使用无序列表来显示/隐藏每张幻灯片的相关文本。而且，为了使过程进一步复杂化，当没有与幻灯片相关联的文本时，有一组默认文本。
html如下所示：
<div class="slideshow">
<img src="img1.png" />
<img src="img2.png" />
<img src="img3.png" />
</div>
<div cla
浏览 2提问于2012-04-09得票数 0
回答已采纳
如何在使用jQuery动态添加的按钮上添加按钮单击事件？
在jQuery容器中添加动态按钮的div代码：
$('#pg_menu_content').empty();
$div = $('<div data-role="fieldcontain"/>');
$("<input type='button' value='Dynamic Button' id='btn_a' />").appendTo($div.clone()).appendTo('#pg
浏览 1提问于2013-11-27得票数 39
回答已采纳
2回答
我已经创建了一个web应用程序，在我的索引页面中有一个搜索按钮。当用户单击搜索按钮时，我希望使用JQuery fadeOut效果显示消息。但是，当我刷新或重新加载隐藏的div标记所显示的索引页时，它将显示索引页。我怎么才能阻止这一切。这是我的密码，你能帮我解决这个问题吗？
<!-- Starting unavelable page-->
<div id="hidden_div" class="hidden_div">
<div class="inner_div"><h2> These
浏览 0提问于2013-07-31得票数 0
回答已采纳
2回答
jQuery显示和隐藏div
、、、、
我有一个页面，上面会有几个按钮，点击一个按钮，我基本上需要它来交换div -我将它们包装在一个带有id的父div中，然后每个将被替换的div也将得到它自己的id。我让这段代码用于交换，但如果我们最终有30个左右的配对，这样做将是乏味的，而且根本不是好的代码。
那么我该如何清理它，这样一次单击，活动div就设置为display: none，单击的div就设置为display: block
下面是我现在使用的jQuery代码。为此，我希望显示macaroni，隐藏farfalle。
$('#macaroniButton').click(function(){
$('
浏览 2提问于2014-07-17得票数 0
2回答
我有一个html页面，其中有一个div。在div里面有一个iframe，
<div id="div1">
<iframe id="biframe" src="" allowtransparency="true" application="yes" >
</iframe>
</div>
在javascript函数中，我动态地更改iframe的src。
window.frames['biframe'].document.location.href=
浏览 3提问于2012-11-15得票数 0
3回答
以下是我在这篇帖子中发布的内容的后续内容：
这里是包含所有相关信息的小提琴：
<input type='button' value='Show Picture' id='add'>
<div class='input'style='display: none;'>
<div class="form" id="inter">"other divs for more content"<div class="xbutto
浏览 0提问于2013-11-22得票数 0
回答已采纳
1回答
我有一个用Ajax生成的readmore按钮，现在我使用下面的代码从这个按钮执行一个单击事件，但什么也没有发生。
单击该按钮时，应该会显示一个div，该div也是动态的，并使用Ajax生成。所以这是所有的动态内容，我正在处理任何想法。谢谢。
jQuery：
jQuery(document).on('click', '#readmore', function(e){
e.preventDefault();
alert("you clicked the button");
jQuery("#bodytext")
浏览 0提问于2015-04-25得票数 0
在html标记中是这样的。
<div id="sales-menu-wrp">
<div class="radio-buttons-wrap">
<input type="radio" id="create_sales" name="toggler"/>Create Sales
<input type="radio" id="manage-sales" name="toggler" check
浏览 0提问于2013-07-17得票数 0
回答已采纳
1回答
我已经在Vue中的服务器上生成了一个评论的动态列表，现在我希望在每个评论上都会出现一个“回复”按钮，当单击该按钮时，会打开一个文本区域并链接到该注释。然而，我讨厌的解决方案意味着点击它可以打开评论文本框的all，而不仅仅是一个。
如何使用Vue中的显示/隐藏功能单独针对每个评论？
我知道为什么我的解决方案不起作用-但我不知道从哪里开始做一个功能，目标是点击它的具体评论。
模板
<ul>
<li v-for="comment in comments" :key="comment.data.id">
<div&g
浏览 0提问于2019-04-01得票数 0
1回答
我已经创建了一个美国的矢量地图，并给每个州一个"#insertstatename“的链接，例如”#佛罗里达“和”#犹他州“。当单击每个州时，将出现一个带有州名称的列表。为了简化代码，我只是缩短了显示在状态名称中的内容。在单击链接之前，我无法让状态隐藏。
一次只能显示一个状态和列表，所以当单击一个状态和列表时，它会隐藏另一个状态和列表。
这是我的html
<div id="florida">
<p> florida </p>
</div>
<div id="utah">
<p> ut
浏览 2提问于2017-09-05得票数 0
2回答
当单击按钮时，我使用Jquery切换方法查看div。
$("button").click(function(){
$("#divId").toggle();
});
工作正常，但是初始值被设置为被查看，或者设置为css属性display:block，所以当页面最初加载时，div被查看，我不得不单击按钮来关闭它。
其他答案是，我更改了css属性，但我不想那样做，因为那样会隐藏div，如果用户的javascript由于任何原因不能工作，那就不好了。
所以我想先用javascript隐藏div，然后使用Jquery的切换方法正常工作。我尝试了document.
浏览 0提问于2016-09-07得票数 1
回答已采纳
我已经在单击链接时动态设置了隐藏输入元素的值。
<input id="flag" type="text" class="hidden" />
$("#changed_link").click(function(){
$('#flag').val(1);
});
此链接将打开一个lightbox窗口。在lightbox中，我的一个div中，#section1是隐藏的。最初，当我打开lightbox时(通过单击另一个链接)，这个div是隐藏的。第二次，当我单击第二个链接时，即c
浏览 1提问于2011-04-25得票数 1
回答已采纳
例如，我有10个<div>，我想在单击下一个按钮时显示每个<div>，并在单击上一个按钮时显示上一个<div>。如何使用jQuery做到这一点？
浏览 2提问于2013-06-12得票数 11
回答已采纳
我有一个div，它是在通过.html属性调用AJAX之后动态填充的。
$("#gallery").html(imagesHtml);
insdie imagesHtml i有2个名为"prebtn“和"nxtbtn”的按钮，现在我尝试用JQuery中的以下语法绑定这些按钮：
$("#gallery").bind('click', '#nxtbtn', function() {
alert('next');
});
和
$("#gallery").bind('click
浏览 0提问于2013-10-30得票数 1
回答已采纳
我有32个复选框(checkbox1、checkbox2、checkbox3...checkbox32)和32div(div1、div2、div3.....div32)和一个asp:按钮。
单击按钮时，如果checkbox1选中true，我需要使div1可见；如果checkbox2选中true，我需要使div2可见；如果checkbox3选中true，则使div3 visble，依此类推，使用JQuery。
<div class="CheckBoxDiv ">
<asp:CheckBox ID="checkBox1" runat
浏览 0提问于2012-12-15得票数 1
回答已采纳
1回答
我想这么做：
当歌曲在5秒的时候，它就停止了，但是当它停止时，我如何显示一个按钮，如果我单击该按钮，那么歌曲将继续吗？
这是我的代码：
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<audio controls preload id="audio">
<source src="cancion.mp3" type="audio/mpeg"
浏览 0提问于2015-12-02得票数 1
回答已采纳
和标题一样，我想显示一个按钮。单击按钮后，确认消息将显示该按钮过去所在的位置。如果我单击“是”，它将继续进行。如果我单击“否”，它将返回按钮。
这是我的.html代码：
<button type="button" class="btn btn-primary" (click)="check(true)">Click</button>
<div *ngIf="isValid">
<small>Are you sure?</small><a href="#&#
浏览 6提问于2018-04-18得票数 0
回答已采纳
我有一个当单击html按钮时运行的JavaScript函数。如果函数中发生错误，则显示一个错误，它只是我动态添加文本的html div，通常会隐藏到错误发生为止。同时，我想在错误显示(div之前)之前动态添加一个换行符(br)。
我的问题是，如果用户一直单击该按钮，并且不断发生错误，则页面将被换行，其余的页面将向下移动。所以休息是复杂的，永远不会消失。下面是JavaScript，它动态地将错误文本添加到div中，并在其前面插入一个行。
$('#sku-upc-error').html(jqXHR.responseText).before("<br />
浏览 1提问于2017-03-22得票数 0
回答已采纳
4回答
我有这个。
当我单击时，动态内容通过Ajax加载。在加载的页面中有一个链接，可以关闭div。它可以工作，但是当div被关闭时(使用hide())，单击链接就不会重新打开加载的页面。
为什么？如何创建一个显示/隐藏带有Ajax的div的按钮？
调用页面:
<script type="text/javascript">
function getAjax(divdett,pageload) {
$(function(){$(divdett).load(pageload);});}
</script>
<meta http-equiv="Conte
浏览 2提问于2012-09-23得票数 7
1回答
我使用的是Jquery按钮集，它内置于Jquery UI中。和选择菜单，这是一个ui插件。
.buttonset()；获取一组按钮并将其转换为单选按钮.selectmenu()；获取选择菜单并将其推送到一个漂亮的弹出式列表中。
但是，当我使用display:none属性将这些项放入div中，然后在我的javascript代码中删除display: on按钮集没有圆角，并且select菜单显示大约2px宽，尽管我仍然可以单击这两个像素来打开菜单。
有什么想法吗？我将发布我的代码：
.hidden
{
display:none;
}
$("#test")
浏览 1提问于2010-10-13得票数 3
回答已采纳
我只想了解更多来自这个站点和w3school的前一篇文章，在这里加载图像/图标是在加载页面内容时显示的。
这是我反复使用的剧本-
<script type="text/javascript">
$(document).ready(function(){
$('#Btn_5').click(function() {
$('#spinner').show();
});
});
</script>
这是表格部分和剧本-
<form id="iform" method="
浏览 1提问于2014-08-25得票数 0
5回答
下面代码中的onclick-function of <button>是而不是工作的。
单击可编辑区域时，我想显示一个保存按钮。然后按钮的onclick函数应该显示一个警报，但这不起作用。
.views-submit-button {
visibility: hidden;
}
.views-exposed-widget:focus-within+.views-submit-button {
visibility: visible;
}
<!DOCTYPE html>
<html>
<head>
<meta charset=&
浏览 0提问于2018-08-17得票数 0
回答已采纳
3回答
我已经创建了一个小代码，其中有一个“添加借记卡或信用卡”按钮。默认情况下，我已经隐藏了该按钮中的所有内容。
单击按钮后，我想显示内容，再次单击按钮时，我想隐藏内容。
在我的代码中，当我单击按钮时，它消失了，并且没有再次切换的选项。
$('#addNewCard').hide();
$('#addCard').click(function () {
$('#addNewCard').show();
$('#addCard').toggle();
});
<script src="https://cdnj
浏览 22提问于2020-05-14得票数 0
回答已采纳
3回答
我用以下代码创建动态输入元素：
<div id="add">Add row</div>
<script>
$(document).on('click', '#add', function() {
var number = $('div[id^="row_"]').length + 1;
$('#add').before('<div id="row_'+number+'"><label for
浏览 4提问于2020-06-20得票数 0
1回答
jQuery乘积过滤函数
、、、
对于我创建的动态显示产品的页面，我需要创建一个排序的产品过滤器。单击ul#product-filter中的li元素将显示/隐藏相应的div (产品类别)。
请参阅我的HTML代码：
<ul id="product-filter">
<li class="cat_1">category 1</li>
<li class="cat_2">category 2</li>
</ul>
<div id="product-display">
浏览 0提问于2012-09-12得票数 0
回答已采纳
我附加了一些作为JSON有效负载的一部分检索到的HTML，然后将其附加到名为#content的div中。
这很好，检索到的超文本标记语言被附加了$(“#.append”)content(data.html_result)；并且它看起来像预期的那样。
然后，我运行一个函数，该函数应该刷新页面上的单击操作等。它工作得很好，并且新创建的元素上的按钮变得可点击等。
但是单击使用.prev()和.next()的按钮时，它们找不到相邻的元素。
在click函数中，如果我在放置动态添加的元素后遍历元素，并警告发现了什么，那么动态创建的元素将包含在返回的元素中，因此jquery可以“看到”它现在就在那里。
因
浏览 2提问于2009-10-05得票数 0
回答已采纳
我试图使用Wordpress中的一个名为"Interactive“的插件来设置一个响应性的SVG地图，但我希望只有在用户单击页面上的一个元素打开弹出以显示地图之后，地图才会显示出来。
当视口调整大小时，我使用的插件动态地重新绘制地图，如果弹出窗口(实际上只是一个带有框阴影的固定位置div )设置为在页面加载上显示，则可以很好地绘制地图，但出于某种原因，它绘制的地图要比按一下打开的div小得多。我希望它只在单击之后加载svg或短代码(并让它填充div)，或者从一开始就将映射设置为按适当大小加载。
我尝试过在px中将div设置为一个宽度，但这不起作用。不知道还能做什么。
浏览 0提问于2018-11-09得票数 1
回答已采纳
我用jQuery构建了一个简单的测试，看看是否可以在单击按钮时获得一个元素来显示/隐藏。
HTML文件
<link href="test.css" rel="stylesheet" type="text/css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="test.js" type="text/javascript"><
浏览 9提问于2009-08-25得票数 2
回答已采纳
1回答
我的前端开发人员使用jQuery multiselect对搜索结果页面进行筛选。multiselect中的数据是从数据库动态填充的。
为了填充multiselect中的checkboxlist，我执行了如下操作
<div id="multiselect">
<asp:CheckboxList runat="server" id="chk"></asp:Checkboxlist>
</div>
checkboxlist是从数据库动态填充的。按钮单击事件应该读取checkboxlist的值，然后根
浏览 0提问于2012-10-30得票数 0
回答已采纳
html code:
<button id="add"></button>
<div id="count_search">
<span class="total_count">Total: <span id="record_count"></span></span></span>
<input type="text" class="txtbox search
浏览 11提问于2022-05-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
