Div不会响应
是指在前端开发中，使用HTML的div元素时，没有设置相应的CSS样式或JavaScript事件，导致div元素无法产生相应的交互效果或动态变化。
概念：
div是HTML中的一个块级元素，用于创建一个容器，可以用来包裹其他HTML元素，通过设置CSS样式和JavaScript事件来实现各种效果和交互。
分类：
div元素属于HTML的基本元素，没有具体的分类。
优势：
- 灵活性：div元素可以根据需要自由布局和定位，可以通过CSS样式来控制其外观和行为。
- 可扩展性：div元素可以嵌套其他HTML元素，实现复杂的页面结构和布局。
- 可维护性：使用div元素可以将页面的不同部分进行模块化，便于维护和修改。
应用场景：
- 页面布局：div元素常用于网页的布局，通过设置不同的CSS样式，可以实现多栏布局、响应式布局等。
- 容器元素：div元素可以作为容器，包裹其他HTML元素，实现样式的统一管理和控制。
- 动态效果：通过JavaScript事件和CSS动画，可以实现div元素的动态效果，如点击展开、滑动切换等。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和服务，以下是一些与前端开发相关的产品：
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
以上是关于Div不会响应的完善且全面的答案，希望能对您有所帮助。
相关·内容
1回答
我需要加载一个网站并搜索一个特定的div id来获取内容。问题是:当axios/http/东西返回响应时，div还没有出现，因为这个div是在某个请求之后附加到html中的。我不需要“第一个”响应，我需要延迟一段时间后的响应，比如3秒，因为div会在那里。
const getWebsiteContent = async (url) => {
try {
const response = await axios.get(url)
const $ = cheerio.load(response.data)
// div is not here yet
}
浏览 0提问于2018-12-20得票数 0
我在div中有一个响应表，它显示为表
示例代码：
<div class="mytable">
<div class="mycolumn">
<div class="table-responsive">
<table class="table table-bordered">
.....
</table>
</div>
</div
浏览 0提问于2015-07-29得票数 1
1回答
我有一个div，它有50% width和200px高度，在这个div里面有一个图像，我想让它在所有分辨率上响应。如果我把这个图像放到div的背景图像上，并给它background-size: cover和响应输出，这与我想要的完全一样。但问题是，我不能把这个图像放在背景图像上，而应该是一个<img/>元素。
所以我在上做了一个例子来澄清我的问题。
运行此示例后，请更改预览部分的宽度以查看响应输出。好的，上面的图像在那个div里面有一个<img/>，底部的图像是背景图像。我想要精确的响应输出的底部div，而在另一方面，问题是:如何使图像响应像background
浏览 2提问于2016-02-11得票数 3
回答已采纳
2回答
从()响应中删除JQuery元素
、、、、
在放入容器之前，是否有可能从AJAX (load)响应中删除特定的HTML元素？在这种情况下，我想从响应中删除"#containerTop"，包括内容。
响应(HTML)：
<html>
<head></head>
<body>
<div id="containerMain">
<div>...</div>
<div id="containerTop">Content-to-remove-including-co
浏览 4提问于2014-10-11得票数 1
回答已采纳
1回答
客户端正在通过jquery进行ajax调用。从DB获取数据后，我将返回响应。在这个响应中，我对不同的html标签应用了很多类和样式。这使得代码看起来很难看。
while (my @data = $statement->fetchrow_array())
{
print " <li class='productWrap $data[7]' style='height:200px; width:150px;'>
<center>
<div class=\"p
浏览 2提问于2013-11-13得票数 2
目前，我有一些类似于下面的代码。我试图使红色列在设置宽度为300 of时没有响应，但是保持蓝色列的响应能力。
.specific-image-container {
display: flex;
position: relative;
width: 100%;
}
.specific-image-column {
flex: 4;
background-color: blue;
}
.more-images-column {
flex: 1;
background-color: red;
}
.content {
height:
浏览 0提问于2018-07-18得票数 6
回答已采纳
我有一个包含类"item“的div。当我在div上使用.removeClass('item')时，它并没有阻止它的jquery函数。下面是我的代码：
<div class = "item">
//stuff in here
</div>
和jquery：
$(".item").mouseenter(function() {
$(this).find(".clear").show();
});
$(".clear").click(function() {
$(this
浏览 2提问于2011-12-21得票数 0
回答已采纳
我的第一个问题，请耐心点。我有一个容器，它包含不同数量的子元素，如下所示：
<div class="parent">
<div class="element">content</div>
<div class="element">content</div>
<div class="element">content</div>
</div>
快速问题：是否有一种jQuery或普通JS方法来检查element容器是否
浏览 5提问于2012-11-26得票数 4
回答已采纳
我有一个简单的node.js应用程序，它应该响应使用React的renderToString函数的纯超文本标记语言的请求。渲染和响应的代码如下所示：
const markup = renderToString(
<Provider {...stores}>
<Router location={req.url} context={{}} history={browserHistory}>
<Routes/>
</Router>
</Provider>
);
res
浏览 37提问于2018-02-24得票数 1
回答已采纳
我对Jquery ui可选函数有一个小问题。
$("#test").selectable({
filter:'label',
stop: function() {
$(".ui-selected input", this).each(function() {
this.checked= !this.checked
});
}
});
DIV标记"test“内的HTML链接在单击时不会响应。而DIV标签外部的HTML链接运行正常。
我正在尝试让
浏览 0提问于2013-05-01得票数 0
回答已采纳
1回答
如何使Ui grid响应式？？好心帮忙吗？
<div class="table-responsive">
<div class="gridStyle" ng-grid="gridOptions">
</div>
</div>
正确的plz？
浏览 2提问于2015-03-12得票数 0
1回答
时间选择器没有响应ajax请求。
当我单独运行Remark.aspx页面时，相同的时间选择器工作得很好。
在弹出中的div中绑定ajax响应之后，它才能正常工作。
以下是jquery重排序：-
$.ajax({
type: "POST",
url: "LMS/**Remark.aspx**",
data: {id:id, n:n},
cache:false,
浏览 3提问于2012-11-30得票数 0
1回答
我有一个页面，我使用bootstrap来响应。该页面将包含3到4个div，如下图所示：
每个div的红色图标将动态显示，所以当有足够多的图标时，它将溢出div，因此，从底部开始的滚动将用于移动。
有没有一种方法可以让我检查div中的内容是否有溢出，以便在需要时显示滚动条？有没有什么jquery函数可以检查响应式div是否有溢出到其内容中？
提前感谢！
浏览 3提问于2018-11-30得票数 0
我正在使用Twitter Bootstrap，但我在某个特定元素上遇到了一些小问题。
下面是接口已经提供的“Scaffolding”标记，我将使用它作为示例。
<div class="row">
<div class="span6">
Level 1 column
<div class="row">
<div class="span3">Level 2</div>
<div class="span3">
浏览 2提问于2012-07-23得票数 3
我已经为iOS设备创建了一个Cordova应用程序，但我有一个简单的问题。例如，我以这种方式(使用Ajax)从我的API (php)中加载对象：
$('#abc').html(data.abc2);
在服务器端，我有while循环。json响应中这些循环的结果如下所示(X个结果)：
<li style="margin-left: 31px;">
<div class="commmtodeletef>
<a href="
浏览 0提问于2018-10-22得票数 0
我有以下html格式的列表：
<style>
.right { display: inline-block; }
</style>
<ul class="no-bullets-list">
<li>
<div class="list-item">
<h1>Some Text</h1>
<img src="image-URL"/>
<div class="right">
浏览 2提问于2013-07-12得票数 0
我有一个想要解析标签的ajax响应，我只想在特定的div id中查找脚本标签。下面将捕获并运行页面中的每个javascript：
success: function(data) {
var dom = $(data);
dom.filter('script').each(function(){
var obj = $(this);
$('#my_div').append(obj);
});
},
当我尝试先按div id过滤
浏览 2提问于2015-07-09得票数 0
我试图用axios支持api ()的404响应。
因此，当条目存在时，响应如下：
{
"data": {
"id": 11,
"name": "Albert Einstein",
// ...
},
"status": 200,
"statusText": "OK",
"headers": {
"content-type": "application/json; charset=utf-8&#
浏览 1提问于2019-03-04得票数 3
回答已采纳
我使用bootstrap 3作为模式框，我使用I frame通过data-src属性加载外部内容。
<div class="container">
<a class="modalButton" data-toggle="modal" data-src="http://www.sitepoint.com/" data-height=320 data-width=450 data-target="#myModal">Click me</a>
<div class=
浏览 6提问于2014-05-07得票数 0
1回答
我正在尝试设计一个响应的网页使用引导。我有以下HTML结构
<div class="container">
<div class="row">
<div class="col-lg-8 col-sm-8">
<div class="well"><!--Page content here--></div>
</div>
<div class="col-lg-
浏览 2提问于2014-09-15得票数 1
回答已采纳
2回答
我正在做一个使用响应式布局的项目。我有一个div，它位于头文件div的下方和周围。我用负的绝对位置做了这件事。问题是后面的元素被放置在它的顶部。绝对定位使div脱离了页面的正常流程，现在页面顶部堆积了大量内容。
通常，我只会绝对定位内容div中的其余元素，但绝对定位的div包含一个图像滑块，它是响应的，所以div的高度根据屏幕的宽度而变化。
<div id="container">
<div id="header"></div>
<div id="content">
浏览 0提问于2013-07-12得票数 0
回答已采纳
4回答
回应网站宽度
、、
在编码响应宽度时，最好是舍入值还是尽可能地指定值？
例如：
根据我的计算，我的宽度是67.328699%(左div)和32.84%(右div)。
或者，我应该把它加到67%(左div)和33%(右div)，这将达到100%？
谢谢你的帮助。
浏览 0提问于2014-04-24得票数 0
回答已采纳
我有一个问题，我不知道它在哪里，我有一个脚本，它将数据发布到一个php文件中，并获得HTML输出，然后我想过滤它，只使用页面的一部分。
我的剧本看上去像这样
var newsletter_form = $(".newsletter_signup_form");
var newsletter_firstname = $("#newsletter_firstname");
var newsletter_surname = $("#newsletter_surname");
var newsletter_email = $("#news
浏览 2提问于2013-10-22得票数 0
回答已采纳
2回答
我在顶部和底部有一些固定的像素div，在中间有一个响应式的div。当屏幕被调整得很小时，我如何防止它进入顶部div？
这里有一个有效的例子来说明这个问题。我希望能够使浏览器变小，而不是让黑盒变成红色。同时保持响应性。
<div style="position:relative; height:100px; width:100%; background:red;"/>
浏览 0提问于2014-07-01得票数 0
在我的web应用程序中，在搜索结果中，每个项目可以根据项目的类型有不同的外观。为了实现这一点，我考虑在json响应中包含包含该特定项的数据占位符的布局。如何将范围数据绑定到json响应模板中的占位符？
就像。我的搜索结果应该如下所示：
<li ng-repeat="item in items">
<div ng-bind-html="item.template"></div>
</li>
而JSON响应看起来应该是：
[{
"template_name":"One",
"te
浏览 2提问于2014-08-21得票数 1
回答已采纳
1回答
我正在使用Bootstrap，我有一个文本框，里面有一些文本。如何使其具有响应性，即在调整窗口大小时适应屏幕大小？对于图像，它是“图像响应型”类，但是Textbox呢？非常感谢您的帮助。
<div class="row">
<div class="container-fluid bounceIn animated", style="height:500px;width: 700px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;
浏览 0提问于2016-10-30得票数 0
我在Twitter API中使用oembed来嵌入tweet小部件。它可以很好地获得JSON响应，但它只以文本形式显示tweet，而不显示嵌入的小部件响应。Twitter发送的javascript没有触发。
$(document).ready(function()
{$.getJSON("https://api.twitter.com/1/statuses/oembed.json?id=133640144317198338&align=center&callback=?", function(data)
{$('#target'
浏览 0提问于2012-12-10得票数 6
1回答
我知道有很多关于preventDefault()不起作用的帖子，但我去了那里，从中一无所获。
我所做的就是捕捉一个click事件，然后从响应中追加html，但是preventDefault()并没有阻止页面重新加载，我不明白为什么。
这是我的HTML：
<div class="slide_pane">
<div class="profile_content"></div>
<div class="account_bottom_bar">
<ul class="bottom_
浏览 3提问于2014-02-24得票数 0
回答已采纳
我一直在使用来放置背景图像。非常简单的操作：
.jumbotron
{
background: url('path/to/images/banner.jpg') no-repeat center center;
background-size: cover;
}
和
<div class="jumbotron">
<div class="container">...</div>
</div>
它看起来很棒，而且反应灵敏。然而，Jumbotron的大小和它里面的内容一样大--
浏览 144提问于2015-03-17得票数 14
回答已采纳
1回答
在Chrome响应模式下测试站点响应能力时，元素之间会添加1 1px。在火狐上一切看起来都很好，但在Chrome上，在响应性断点上有1 1px，可以通过添加-1 1px负边距顶部来修正。
它是从哪里来的？
您可以通过将任何块元素堆叠在另一个下面，并在Chrome响应模式下签出页面来重现这个问题。
例如，下面的片段：
html,
body {
margin: 0 auto;
}
div {
background: purple;
height: 200px;
}
<div>One</div>
<div>Two</div>
当在
浏览 1提问于2019-02-25得票数 3
回答已采纳
2回答
我正在对服务器端函数进行ajax调用，该函数返回仅由两个DIVs组成的html响应，例如
<div id="divOne">text on divOne</div>
<div id="divTwo">text on divTwo</div>
我能否解析标记响应以仅提取DIVs中包含的文本部分？
浏览 0提问于2010-10-03得票数 0
回答已采纳
1回答
我有一个标题布局，我已经将项目放在了一个flex Row & Col项目中。目前Col响应性并不完美，但我更想了解的是如何使Col中的元素在内部更具响应性。使用div的正确方法是什么？ 我希望它能够增长并始终位于Col中，但是当我将其缩小到不同的屏幕尺寸时，它会呈现在外面 Webview https://tp2d7.csb.app/ ? <Row>
<Col
xs={1}
sm={2}
md={3}
lg={4}
浏览 28提问于2020-03-21得票数 0
将html标记作为API响应的一部分是一种良好的实践吗？，它的内容类型为application/json。
样本json响应
{ html : '<div id="markup">This is the server response html.</div>', data : {property : 'This is the data received from the server.'} }
浏览 3提问于2017-03-17得票数 0
回答已采纳
我需要一个纯JavaScript函数(抱歉，没有jQuery)，它将从一个成功的AJAX调用返回响应。下面是我到目前为止得到的函数，我想从响应中返回带有HTMLobject的HTML：
function getHtml(url) {
var httpRequest;
var HTMLobject;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
浏览 4提问于2013-02-28得票数 1
回答已采纳
4回答
我想在响应式输入栏的左边对齐一个div块。
但我有问题使它响应性，如果你在全屏观看它是可以的，但仍然没有响应性，在较小的屏幕上它打破分离。
<div class="reply_placeholder">
<div class="logo"></div>
<input type="text" class="input" placeholder="Click here to reply">
</div>
浏览 0提问于2017-06-17得票数 0
$(document).on("click","#addressModal",function(){
var addressId=$(this).attr("caddressId");
$.ajax({
url: "ajax/customerDetails_ajax.php",
type: "POST",
data: "get=getAddressDetail
浏览 1提问于2015-05-13得票数 0
2回答
我已经尝试了两天，以使背景img响应移动。这是一个很长的主页(大约8000 It)。整个页面的内容有一个div父"background_div“。我尝试了两者，大小覆盖或包含标签，img得到像素化，就像它会被放大，内容是响应，但背景img让我头痛。我需要它来识别设备的宽度，缩小和保持固定，而不是沿着8000 it长页。有人能告诉我这里出了什么问题吗？
#background_div {
background-image: url('home.jpg');
background-repeat: no-repeat;
background-position: ce
浏览 3提问于2016-02-04得票数 1
回答已采纳
我有一个PHP文件，Test.php，它有两个函数：
<?php
echo displayInfo();
echo displayDetails();
?>
JavaScript：
<html>
...
<script type="text/javascript">
$.ajax({
type:'POST',
url: 'display.php',
data:'id='+id
浏览 0提问于2008-12-16得票数 2
回答已采纳
1回答
角材料响应界面
、、、
我必须开发一个响应界面的角材料css。我把div安排在lg屏幕的一行中，4 div，md中的2，sm屏幕上的1。为此，我编写了融合代码，但并不像预期的那样工作。
<div layout="row">
<div flex="100" flex-gt-sm="50" flex-gt-md="25">Name :</div>
<div flex="100" flex-g
浏览 1提问于2015-12-21得票数 1
回答已采纳
1回答
多设备设计速度关注
、、、、
我的工作场所目前使用的是一个普通的(Mongo，Express，MEAN，Node.js)栈，具有多设备设计。他们决定不使用响应性设计，我认为在完成所有工作之后，将其转换为响应性设计太费劲了。下面是我的页面结构的示例：
<html>
<head>...</head>
<body>
<div class="desktop">
...
</div>
<div class="tablet">
浏览 1提问于2018-04-03得票数 0
回答已采纳
我正在使用useEffect获取API，并且API响应正确，如下所示
{response: {message: "This is a image link", status: "success"}, error: null}
第二次，当我收到下一个API调用响应时，如果有错误，那么旧的响应不会被删除。它是这样显示的
{response: {message: "This is a image link", status: "success"}, error: TypeError}
我编写了获取API的教程代码。
检查我在中的代码
i
浏览 1提问于2019-08-01得票数 3
回答已采纳
我正在启动一个ajax调用，用于登录到网站的用户。div "sitelogin“包含登录表单部分。在ajax身份验证成功之后，div "sitelogin“将删除登录表单部分，并填充ajax响应。响应由一个注销按钮和一个带有“欢迎用户”的div组成。
现在，注销按钮附加到另一个ajax调用，用于销毁会话，并将登录部分带回到"sitelogin“div中。但在我刷新页面之前它不会启动。如果我试图在登录ajax调用填充带有注销响应的"sitelogin“div之后立即使用" logout”按钮注销，请告诉我为什么退出ajax调用不会触发。两个ajax调用都在
浏览 5提问于2013-09-06得票数 0
回答已采纳
我正在尝试更新实现Facebooks的BigPipe到剃刀。
有一个html助手扩展，它将一个页面添加到一个列表中，然后输出一个保留div到响应中。其思想是稍后将这个页面的内容呈现为一个字符串，然后通过javascript注入到这个保留的div中。
public static void RegisterPagelet(this HtmlHelper helper, Pagelet pagelet) {
var context = helper.ViewContext.HttpContext;
List<Pagelet> pagelets = (List<Pag
浏览 1提问于2011-04-10得票数 18
回答已采纳
当调用render时，视图没有被更新，但是，我确实注意到在网络选项卡中，在向我的POST路由发出POST请求之后，它返回超文本标记语言作为响应，并且响应具有呈现的错误消息。它只是没有更新页面。我不知道这是什么意思。
在我的POST操作中，我强制将其称为
flash.now[:notice] = responseMessage
render :deactivate_show
它呈现动作：
def deactivate_show
@user = User.find(params[:id])
authorize! :deactivate_user, @user
浏览 15提问于2019-11-22得票数 1
1回答
我有一个自动生成的SharePoint表table#layoutsTable。我能够用一个div.row元素包装整个表。我试图根据单元格的宽度属性向td元素添加columns + .large-#元素的单个类。下面是压缩的html标记：
<span id="DeltaPlaceHolderMain">
...
<div class="row">
<table id="layoutsTable" style="width: 100%;">
浏览 2提问于2016-02-17得票数 0
回答已采纳
一旦从Ajax事件获得响应文本，我将通过jQuery .html()方法更改div内容。
有时，我会得到更多的响应数据(包含html和脚本，以及大约4MB的数据)。使用jQuery .html()方法将响应数据设置为div内容确实需要更多时间。
谁能告诉我原因吗？有什么解决办法或替代办法吗？
浏览 1提问于2013-03-08得票数 4
1回答
我试图通过ajax将一些数据发回同一页面。在下面的示例中，单击按钮后，在我的页面中不会更新$name变量。但是，如果我查看来自ajax的响应的控制台日志(使用firebug)，它将显示正确的html，其中插入了名称(即<div>Matthew</div>) --页面只是没有使用此响应进行更新。任何关于如何解决这一问题的想法都将不胜感激。
我的代码是：
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery
浏览 5提问于2015-06-10得票数 0
回答已采纳
2回答
如何缩短响应时间
、、
我正在加载一个jsp，其中有一个对另一个服务器的内部请求。
例如：
<html>
<head>
</head>
<body>
<div> Welcome to....</div>
.....
.....
<%
HttpConnection conn = new HttpConnection("http://someothersite/somepage");
浏览 3提问于2012-02-01得票数 1
2回答
我不知道是不是应该是这样的，我正在做一些根本错误的事情。
我有一个带有给定类的div，当你单击这个div时，它会给出一个响应，但我还有另一个div，当单击那个div时，它会从第一个div中删除这个类。
但是，当我在删除第一个div的类之后继续单击它时，我仍然得到响应。
为什么在我删除了这个类之后，点击仍然有反应？
HTML
<div class="testing">Testing</div>
<div id="testing_remover">Remove class from testing</div>
JS：
浏览 0提问于2012-11-19得票数 2
回答已采纳
我有这个JS，它从服务获取XML响应，它是真的还是假的，那么脚本应该捕获提交并从服务获得响应。问题是我发现它不工作，因为当我提交时，我在IE (6/7/8)上看到XML响应，而脚本应该捕获它并验证XML响应。
<div id="eventForm" style="display:none;">
Event.observe('formDataPersonal', 'submit', function(event) {
$('formDataPersonal').request({
浏览 0提问于2010-10-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
