个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
此代码在脚本代码中重复并为每个重复创建一个 divimport_div.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<div class="row">
<div class="col-3 col-sm-2 col-md-2 col-lg-2 activa_append" id="activa_append">
<h5>pickup date</h5>
</div>
<div class="col-3 col-sm-2 col-md-2 col-lg-2 activa_append" id="activa_append">
<h5>pickup date</h5>
</div>
<div class="col-3 col-sm-2 col-md-2 col-lg-2 activa_append" id="activa_append">
<h5>pickup date</h5>
</div>
<div class="col-3 col-sm-2 col-md-2 col-lg-2 activa_append" id="activa_append">
<h5>pickup date</h5>
</div>
</div>
<br/>
</body>
</html>Two_wheeler_gear.jspimport_div.jsp 代码包含在 activa_append div 元素中
<div class="card">
<div class="card-header">
Two Wheeler with Gear
</div>
<div class="card-block" id="two_wheeler_gear">
<button class="toggle-visibility" data-target="#display_on_click">
Book Now
</button>
<div id="display_on_click">
<div class="row">
<div class="col-6 col-sm-2 col-md-2 col-lg-2">
</div>
<div class="col-6 col-sm-2 col-md-2 col-lg-2">
</div>
<div class="col-12 col-sm-8 col-md-8 col-lg-8 activa_append" id="activa_append"">
</div>
</div>
</div>
</div>
</div><script>
$(".create-div").click(function() {
$(".activa_append").empty();
var limit=document.getElementById("activa_number").value;
for(var i = 1; i <= limit; i++) {
$('#activa_append').append('<object type="text/html" data="import_div.jsp" ></object>')
}
})
});
</script>我不想要并排新添加的div元素，但我希望它们换行出现
我试过了
$('#activa_append').append('<object type="text/html" data="import_div.jsp" ></object>'+<br/>')
但它也产生相同的结果。如何解决这个问题。
最佳答案
您可以编辑他们的 CSS 类以包括:
display: block;
请注意，默认情况下 div 应该是 block 元素，因此已经有一条规则将它们设置为 inline-block，这样您就可以找到并编辑该行。
关于javascript - 逐行制作 Div 标签代替并排附加，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48855843/
26
4
0
我可以只用 JavaScript 编写我的网站，并确保我的代码对任何人隐藏吗？在这方面，Node.js 是否可以像 Apache 一样通过互联网提供商访问？ 最佳答案 您的两个问题的答案都是是。 No
正文应仅包含 bool 而不是 json 对象或数据。 我已经尝试将 bool 转换为 JSON 中的类型。 request.httpMethod = "PUT" let sessio
假设我们有这个html内容，我们愿意用正则表达式得到Content1, Content2,.. Content1 Content2 Content3 Content4 如果我使用下面的行 preg_m
1、LUA获取utf8字符串长度 复制代码 代码如下: --- 获取utf8编码字符串正确长度的方法 -- @param str -- @return number f
我刚刚观察到 if 而不是 -> , 我写 =>在函数的类型签名定义中，它不会导致编译时错误。示例代码: mysum :: Num a => [a] => a -- Notice => after t
所以我试图替换字符串中的任何非字母数字字符，包括空格。我找到了一个可行的解决方案，但感觉很糟糕。我不需要两个单独的替换函数来完成此操作，但我不知道如何正确合并它们。我在网上找到的所有文档都没有解决这个
我有一个字符串 'abc.132131.001.3' 。我想将每次出现的 '.' 替换为 '~'. 我用过 str.replace(/[.*?^${}()|[\]\\]/g, "\~$&"); 但是这
我有这个； let subs = []; for ( const item of items ) { // array for ( const sub of item ) { //
考虑下面来自 this AngularJS tutorial 的代码片段: app.factory('Auth', function ($firebaseSimpleLogin, FIREBASE
出于培训原因，我想编写一个小计算器。为什么要计算 10-6 = 16 而不是 10-6 = 4？ 我得到了错误: Assertion Failed! Expression: calc("10-6")
代码如下: /// <summary> /// 将指定字符串按指定长度进行剪切， &nbs
假设我有以下示例: 示例一 $('.my_Selector_Selected_More_Than_One_Element').each(function() { $(this).stuff()
自 Flutter 1.12 发布以来，我的以下代码用于重新启动应用程序: final MyAppState state = context.ancestorStateOfType(const Typ
这行是什么意思: bool operator() (const song& s); I am not able to understand that line with operator. Is op
我在使用 mimetype="text/plain"的 django 模板时遇到了一些问题。 首先，url 的 s3 部分以 :80 结尾，然后实际图像 url 以 '%2f' 代替每个斜杠呈现。 o
目前，如果任意(OR)条件为true，.is()的结果将返回true，如何我是否让它使用AND，即仅在满足所有条件时返回true？ if ($('#search-form #valid_only').
我用 C 语言创建了一个非常简单的链表程序。 #include #include int main(){ struct Int{ int num; struct
我有以下无法更改的 HTML 输出: link1;;;link 我怎样才能摆脱;所以结果变成: 链接1；链接2 这是我最好的尝试: var test = new String($(this).html
我有以下查询，它给出了正确的结果，但我想使用不存在而不是不存在。 select cust_name from customer where cust_id not in (select c
我使用 SilverStripe 3.5.6 进行自定义搜索，它将所有关键字分解为一个数组，并且仅返回包含所有单词的结果，而不返回包含其中一个单词的结果。 这只是脚本的一小部分，但这就是我使用过滤器功
我是一名优秀的程序员,十分优秀！