2 qq 23968611 qq_23968611 于 2017.08.27 12:32 提问

jQuery拼接一段html后,bootstrap中的js控制没有效果 100C

我通过ajax访问后台获取到json数据返回后用$("#id").html(data)拼接,bootstrap的js文件中的事件没有效果,怎么解决这个问题

2个回答

showbo
showbo   Ds   Rxr 2017.08.27 15:08

什么效果?要用组件的api来添加,而不是直接操作 原始的dom对象,一般初始化ui过你再操作原来的对象是不会反应到ui里面的

caozhy
caozhy 如果问题已经解决,请采纳下这个回答,点右边的采纳按钮。谢谢
11 个月之前 回复
qq_23968611
qq_23968611   2017.08.27 15:20

问题已解决,使用ajax获取数据后进行拼接html到页面时,将ajax的async改为false同步即可

showbo
showbo 重新调用api好点,同步网络慢会浏览器会假死。要是你ajax放到ui初始化后执行同步也没用
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
bootstrap-collapse.js 之无法实现折叠效果
问题:Uncaught ReferenceError: jQuery is not defined at collapse.js:212原因:加载jQuery的顺序错误,依赖于jQuery的其它JavaScript脚本先于jQuery加载完成并执行。这时jQuery尚未加载,因此依赖于jQuery的代码调用jQuery的话就会出错。解决方案:将jQuery库放在依赖于jQuery的JavaScrip
JS 中如何拼凑html
什么是拼凑html? 在循环显示数据例如list或者tbody中,要求动态显示,仅仅是html静态设计是无法满足要求的,因此在javascript中动态的拼接html就现在很试用了。需要使用到的知识点: 1)javascript中,单引号和双引号都可以是string,单引号中可以引用双引号是合法的,双引号中单引号同样合法 如:'<a href="link url" >'这是合法的"<a hre
jquery实现页面等待时的交互效果
探索这个是因为前端在请求后台有时候需要较长的一段时间,如果不给不用户一些提示性的消息,如正在加载之类的,用户可能会以为页面已死,所以还是得简单的做点交互才行。 思路如下: 在触发请求后台之前便开始等待效果 在收到后台返回数据时候便取消等待效果 等待效果如何实现,这个才是主要问题 步骤: 等待效果的实现:(先直接上代码吧): test.html<!DOCTYPE html> <html> <head>
关于js动态添加的时候样式失效的问题
由于项目要搬家,某些地方还是一样的,但是UI用的不一样,在做动态添加的时候遇到一个问题,累加的时候明明代码都是一样一样的啊!怎么后面加出来的没有样式了哩,折腾了一下午,发现原来就是一个小问题。 所以进行以下说明来记录一下: 图1:以前的版本用的是bootstrap 图2:遇到问题的界面: 遇到这样的问题当时就一脸懵逼了。。。 代码先贴一部分,不会动态添加的可以在这里找:
jquery radio设置checked但按钮radio仍然没选中的js处理方式-javascript bootstrap
今天在用jQuery设置表单radio的选中时遇到了radio 设置checked但按钮还是没选中的情况: 是否有父机构? 是 否 第一次按radio切换没问题,但是当我第二次切换radio就出现两个radio都没选中的样子。(单选框只能选一个) if (object.hasFather) { $("#editModal input[type='radio
动态生成的html绑定click事件没有效果不执行 click事件重复绑定问题
在js里面,click事件是存在重复绑定的情况的,如果你做了 比如说,一个函数会执行多次,你每次都把绑定了click事件,那么他就会累加 点一次相当于点了好几次 还有就是对于动态生成的html如果append到某个div上面 原有的绑定的click事件是不生效的 需要重新绑定 比如我现在遇到的问题: 场景就是手机端的网页,滚动下拉加
Ajax动态拼接HTML,JS失效------解决方法
  $(&quot;父元素&quot;).on(&quot;click&quot;,&quot;子元素&quot;,function(){ //执行代码 })$('#grade').on('click',&quot;a&quot;, function () {        $(&quot;#grade a&quot;).removeClass(&quot;active&quot;)        $(this).addClass(&quot;active&quot;);        $('#subPag
js,jquery常用拼接html方法
js:innerHTML(替换html内容),appendChild(子节点追加),innerText(替换html内容,并显示html标签) jquery:append(追加), html(替换html内容) 如果不明白追加和替换的朋友,以下是追加和替换的例子: (1替换:)比如p id="1">p>123p>p>$("#1").html("span>456span>");结果是
Thymeleaf在js中拼接一段字符串或者一段html代码
在 javascript 代码中使用 Thymeleaf 模板引擎:&amp;lt;script th:inline=&quot;javascript&quot;&amp;gt; $(&quot;#content&quot;).html( &quot;&amp;lt;select name='status'&amp;gt;&quot;+ &quot; &amp;lt;option value=''&amp;gt;[[#{admin.common.choose}]]
JQuery迭代list后 拼接html
$.ajax({ type:"POST", url: _path + "doubleRandomRecodAction/getDetail?id="+_id, data:{}, dataType: "json", success:function(msg){