html5-p标签用js动态加载name失败，id成功—

html文件能加载，但是css，js文件加载失败。

问题是：我直接在本地文件中找到那个html文件，用浏览器打开没有半点问题，但是我用 tomcat容器部署后，在浏览器地址栏用localhost：8080+应用名什么的访问的时候，浏览器中只加载了那个html文件中的一些字、div什么的，外部导入的css，js文件都不显示，打开浏览器的控制台上各种资源找不到，404，用了ssm框架。html文件等是网上下的模板。求大神指导！！！贴代码贴代码：web.xml的配置 <welcome-file-list> <welcome-file>index.shop</welcome-file> </welcome-file-list> <servlet> <servlet-name>shop</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/spring-*.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>shop</servlet-name> <url-pattern>*.shop</url-pattern> </servlet-mapping> </web-app> spring配置文件：  <bean id="dbcp" class="org.apache.commons.dbcp.BasicDataSource"> <property name="username" value="dbsnmp"/> <property name="password" value="Jindex"/> <property name="driverClassName" value="oracle.jdbc.OracleDriver"></property> <property name="url" value="jdbc:oracle:thin:@localhost:1521:Jindex"></property> </bean>  <bean id="ssf" class="org.mybatis.spring.SqlSessionFactoryBean"> <property name="dataSource" ref="dbcp"></property> <property name="mapperLocations" value="classpath:myBatis/*.xml"/> </bean>  <bean id="mapperScanner" class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <property name="basePackage" value="com.chanct.shop.personal.dao"></property> </bean>  <tx:annotation-driven transaction-manager="txManager"/>   <bean id="txManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <property name="dataSource" ref="dbcp"></property> </bean> 还有一个spring的配置文件里面是组件扫描，mvc注解扫描和视图解析器

用JS动态添加iframe到页面,这个iframe网页内容加载不出来

用JS动态添加一段HTML代码到页面,且该段HTML中有内嵌iframe,现在这个iframe网页内容加载不出来. $("#divid").find("table[id=table_sdwan_branch]").last().after($("#div_sdwan_branch_show").get(0).innerHTML); 类似这样一段js,通过页面按钮触发js事件,将这部分内容拼接到页面表格中. 然后再刷新此iframe,iframe页面展现报错. 在Jsp页面写这个iframe是没问题的 <div id="div_sdwan_branch_show" name="div_sdwan_branch_show"> <table border="1" cellpadding='0' cellspacing='0' id="table_sdwan_branch"> <tr> ......... <td colspan="5"><iframe id="RLER_1" name="RLER_1" width="756" height="180" src="/GTBSS/pages/common/getRelationOrder.jsp" frameborder="0"></iframe></td> </tr>........</table> ``` ```! ![图片说明](https://img-ask.csdn.net/upload/201801/19/1516352025_513566.png) 查看js添加的无法展现的部分,报错.将页面的js都删除也还是报错. ![图片说明](https://img-ask.csdn.net/upload/201801/19/1516351884_526952.png)

html5/js 动态加载的代码如何创建点击事件。

下面的代码是根据后台数据动态加载进去的（数量不确定），请问怎么为每个class='stamp stamp02' 的div创建点击事件，并提取触发该事件的div块中<font id="num">中的内容。在线等。求大神指点。 ``` <div id="yhj-info" class='stamp stamp02' > <div class='par'> <sub class='sign'>￥50</sub> <span></span> <sub>优惠券</sub> <p>劵号:<font id="num">123123123</font></p> </div> <div class='copy'>副券 <p><br></p> </div> <i></i> </div> <div id="yhj-info" class='stamp stamp02' > <div class='par'> <sub class='sign'>￥50</sub> <span></span> <sub>优惠券</sub> <p>劵号:<font id="num">123123123</font></p> </div> <div class='copy'>副券 <p><br></p> </div> <i></i> </div> ```

js中怎么给<object>下<param>中的FileName赋值，并且重新加载。

<body id="pay"> <form id="videomForm"> <input type="text" class="easyui-textbox" name="videoUrl" id="videoUrl" value=""> </form> <object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="900" height="500" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"> <param name="FileName" value=""> <script type="text/javascript"> $("#MediaPlayer param").each(function(index){ //var url = 'E:\\video\\caifen\\2020-03-19-17-59\\10_23_31.mp4'; var url = $("#videoUrl").val(); $('[name="FileName"]').val(url) }) </script> <param name="animationatstart" value="true"> <param name="transparentatstart" value="true"> <param name="autostart" value="true"> <param name="showcontrols" value="true"> <param name="ShowStatusBar" value="-1"> <param name="windowlessvideo" value="true"> </object> </body> ``` ``` 可是<object>标签为啥总是先加载，而我通过这样赋值后F12可以看到值，但是页面缺没有进行显示，请问各位大神这个该如何处理了？

在ajax完成之后，加载<script>标签，但只加载具有特定id的标签

<div class="post-text" itemprop="text"> <p>I'm currently using infinite-scroll to load more content, the content has <code><script></code> tags that need to be ran. So I'm using the code below as an <code>ajax-callback</code>:</p> <p><strong>JS</strong> on load ajax callback:</p> <pre><code>function ajaxLoadedCallback() { // contentElem is the HTML element you've loaded via ajax scriptx = document.getElementsByTagName("script"); // Load scripts into new array because // scriptx seems to change as scripts execute, at least in some browsers scripts = new Array(); for (var idx=0; idx<scriptx.length; idx++) { if (jQuery(scriptx[idx]).is("#inline-comments")) { scripts[idx] = scriptx[idx].text; } } console.log (scripts[idx]); // execute each script in turn for(idx=0; idx<scripts.length; ++idx) { if (scripts[idx].length!=0) { try { // create a function for the script & execute it f = new Function(scripts[idx]); f(); } catch(se) { } // end try-catch } // end if } // end for } </code></pre> <p>Each content post has this script tag I want to load:</p> <pre><code><script id="inline-comments" > console.log ('<?php echo $post->ID; ?>' + 'has loaded...'); var tid_<?php echo $post->ID; ?> = setInterval( function () { if ( document.readyState !== 'complete' ) return; clearInterval( tid_<?php echo $post->ID; ?> ); inline_comments_ajax_load(<?php echo $post->ID; ?>) }, 100 ); </script> </code></pre> <p>Getting an Uncaught TypeError: Cannot read property 'length' of undefined error on this line: <code>if (scripts[idx].length!=0) {</code></p> <p>The ajax call back loads at the right time, but breaks because I assume <code>scripts[idx]</code> is empty. but why? when I use <code>console.log()</code> it shows when the <code>scriptx[idx]</code> has an id and the name of the id.</p> <p><strong>UPDATE</strong> Thank you PSL! <code>console.log</code> shows that it is finding the scripts, but scripts.length is returning zero</p> <pre><code>function ajaxLoadedCallback() { scriptx = document.getElementsByTagName("script"); scripts = new Array(); for (var idx=0; idx<scriptx.length; idx++) { if (jQuery(scriptx[idx]).is(".inline-comments-script")) { console.log (".inline-comments-scriptfound!"); console.log ("####### .text #######"); console.log (scriptx[idx].text); console.log ("####### .innerHTML ######"); console.log (scriptx[idx].innerHTML); scripts.push = scriptx[idx].innerHTML; } } console.log ("####### END ######"); console.log ("Found "+scripts.length+ " script(s)"); // execute each script in turn for(idx=0; idx<scripts.length; ++idx) { var content = scripts[idx]; if (content.length) { try { // create a function for the script & execute it f = new Function(content); f(); } catch(se) { } // end try-catch } // end if } // end for } </code></pre> <p>Works now! See PSL's answer below - you can also see it live if you have wordpress: <a href="https://github.com/MattMcFarland/inline-ajax-comments" rel="nofollow">https://github.com/MattMcFarland/inline-ajax-comments</a> - works great!</p> </div>

[javascript]Activex动态加载

C#编写了一个Activex，并且注册了。。当这么加载Activex的时候，是可以正常显示的。。 <body onload="" style="height:100%; overflow:hidden; margin-left:0px; margin-top:0px; margin-bottom:0px; margin-right:0px;background-color:#f00;"> <div id="Menu" style="position: absolute; z-index: 99999; background-color: #f00;background-color:transparent;"> <object id="helloworld" classid="CLSID:8d7d8518-ca58-4863-b94d-3c616fda7b35"> <param name="wmode" value="transparent" /> </object> </div> </body> 但是通过js加载该Activex就不显示了。。求大神给破。。。 function ActiveXLoad() { document.getElementById('Menu').innerHTML = ' <object id="helloworld" classid="CLSID:8d7d8518-ca58-4863-b94d-3c616fda7b35">' + '<param name="wmode" value="transparent" />' + '</object>'; }

把数组用js动态写入select标签

``` $.ajax({url:"cscx.do", type:"post", dataType:"text", success: function(msg) { alert(msg.length); } }); 后端传来一个字符串数组，怎么创建option并把值写入 <select id="cs_name" name="cs_name" onclick="ryld();" > ```

如何使用javascript关闭重新加载页面上的iframe窗口

<div class="post-text" itemprop="text"> <p>I have website in PHP.And my situation is that I have checkout page that I need to click on submit button for payment process in iframe window. After complete payment process, I need to close iframe window and redirect to success page.But iframe did not close and page redirected into iframe.</p> <p>Code look like this:</p> <pre><code><form><input type="button" name="payfort" value="Continue" onclick="CreditPay();" id="payfort" class="payfort" /></form> <script type="text/javascript"> function CreditPay() { var pop = document.getElementById('popup-win'); pop.style.display = 'block'; document.getElementById('overlay').className = 'show'; document.getElementById('payfortForm').submit(); return false; }</script> </code></pre> <p>And below code is open in iframe:</p> <pre><code><div class="popup-win" id="popup-win" style="display: none;"> <div class="popup-header"> </div> <div class="popup-subtitle"> Transaction Value:<span class='currency-txt'>AED&nbsp; 17.00</span> </div> <iframe id="ifrmPAYFORT" name="ifrmPAYFORT" style="width: 100%; height: 450px"></iframe></div> <div class="overlay" id="overlay"></div> <form METHOD="post" ACTION="http://localhost/phppayfort/success.php" id="payfortForm" name="payfortForm" target="ifrmPAYFORT"> <input type="hidden" name="service_command" value="<?php echo $requestParams['service_command'] ?>"> <input type="hidden" name="language" value="<?php echo $requestParams['language'] ?>"> <input type="hidden" name="merchant_identifier" value="<?php echo $requestParams['merchant_identifier'] ?>"> <input type="hidden" name="access_code" value="<?php echo $requestParams['access_code'] ?>"> <input type="hidden" name="signature" value="<?php echo $signature ?>"> <input type="hidden" name="return_url" value="<?php echo $requestParams['return_url'] ?>"> <input type="hidden" name="merchant_reference" value="<?php echo $requestParams['merchant_reference'] ?>"> </form> </code></pre> <p>So, is there any way to close iframe window on reload page?</p> <p>Many thanks in advance for recommendations.</p> </div>

在线求助啊！！highcharts.js画散点图时，怎样动态加载数据列series啊？

这是我的js代码。 ``` function paint(){ var chart = new Highcharts.Chart({ chart:{ renderTo:'container', type:'scatter',//显示类型散点图 zoomType: 'xy' }, title:{ text:'散点图' //图表的标题 }, xAxis:{ title: { enabled: true, text: 'sepal length' }, startOnTick: true, endOnTick: true, showLastLabel: true }, yAxis:{ title:{ text:'sepal width' //Y轴的名称 } }, legend: { layout: 'vertical', align: 'left', verticalAlign: 'top', x: 100, y: 70, floating: true, backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF', borderWidth: 1 }, credits:{ enabled:false }, plotOptions: { scatter: { marker: { radius: 5, states: { hover: { enabled: true, lineColor: 'rgb(100,100,100)' } } }, states: { hover: { marker: { enabled: false } } }, tooltip: { headerFormat: '<b>{series.name}</b><br>', pointFormat: '{point.x}, {point.y}' } } }, series:[] }); chart.series[0].setData[2.0,3.6]; $.ajax({ type:'post', url:'ScatterServlet',//请求数据的地址 data:{"name":"scatter"}, dataType:'json', async:'true', success:function(data,status){ alert("data:"+data); alert("status:"+status); } }, error:function(XMLHttpRequest,textStatus,errorThrown){ alert("异常！ "+"XMLHttpRequest.status:"+XMLHttpRequest.status+" XMLHttpRequest.readyState:"+XMLHttpRequest.readyState+" textStatus:"+textStatus); } }); } $(document).ready(function(){ var showId= $("#scatter"); showId.click(function(){ paint(); }); }); ``` 我的ajax获取的json数据里有5个属性，我现在想取其中两个属性值，然后将这两个属性值动态加载到series里？求助各位了，弄了两天没弄出来。。在线等啊！！

swiper4.0 问题，动态加载的数据显示不正常

动态加载的数据，静态数据是20个slide 能对整齐。动态加载的数据只有15个却不能对齐![图片说明](https://img-ask.csdn.net/upload/201904/22/1555925727_411340.png) ``` var mySwiper = new this.$Swiper(".swiper-container2", { slidesPerView: 5, //一行显示5个 slidesPerColumn: 2, //显示2行 slidesPerGroup: 5, //每次滑动滚动的数量 scrollbar: { el: "#sw2", dragSize: 53 }, draggable: false, observer: true, //修改swiper自己或子元素时，自动初始化swiper observeParents: false, }); mySwiper.scrollbar.$el.css("height", "15px"); mySwiper.scrollbar.$dragEl.css("background", "#F2414C"); mySwiper.scrollbar.$el.css("width", "157px"); mySwiper.scrollbar.updateSize(); //结构 <div class="swiper-container2"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="item in goodslist" :key="item.id" @click="toNew(item.id)" > <div class="box"> <img :src="item.src" alt="这是图" /> </div> <span>{{ item.name }}</span> </div> </div> <br /> <div class="swiper-scrollbar" id="sw2"></div> </div> ```

jQuery利用append方法后为什么动态加载的下拉选择框不显示？

点击事件可以正常使用，但是点击之后有一个下拉选择框不显示，另外一个输入框可以正常显示 ``` <div class="form-group" id="div"> <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="hospitalDocName" >姓名</label> <div class="col-xs-12 col-sm-9"> <div class="clearfix" > <span id="hospitalDocName"></span> <label for="bookNum">预约人数</label> <input name="bookNum" id="bookNum" value="${(returnDatas.data.bookNum)!''}" type="text" /> <button type="button" class="btn btn-minier btn-primary dropdown-toggle" id="plus1" >单击添加</button> </div><div class="help-block" for="docId"></div> </div> </div> <script> $("#plus1").click(function(){ html = '<label class="control-label col-xs-12 col-sm-3 no-padding-right" for="hospitalDocName" >姓名</label>'; html += '<div class="col-xs-12 col-sm-9">'; html += '<div class="clearfix" >'; html += '<span id="hospitalDocName"></span>'; html += '<label for="bookNum">预约人数</label>'; html += '<input name="bookNum" id="bookNum" value="${(returnDatas.data.bookNum)!""}" type="text" />'; html += '</div><div class="help-block" for="docId"></div>'; html += '</div>'; $("#div").append(html); }) </script> ``` ![图片说明](https://img-ask.csdn.net/upload/201903/22/1553221955_118894.png)

Java_爬虫，如何抓取Js动态生成数据的页面？

<div class="iteye-blog-content-contain" style="font-size: 14px;"> <p> </p> <p> </p> <p> </p> <p>很多网站是用js或Jquery 生成数据的，到后台获取到数据以后，用 document.write()或者("#id").html="" 的方式写到页面中，这个时候用浏览器查看源码是看不到数据的。<br><br>HttpClient是不行的，看网上说HtmlUnit，说可以获取后台js加载完后的完整页面，但是我按照文章上说的写了，都不好使。</p> <pre name="code" class="java">String url = "http://xinjinqiao.tprtc.com/admin/main/flrpro.do"; try { WebClient webClient = new WebClient(BrowserVersion.FIREFOX_10); //设置webClient的相关参数 webClient.getOptions().setJavaScriptEnabled(true); webClient.getOptions().setCssEnabled(false); webClient.setAjaxController(new NicelyResynchronizingAjaxController()); //webClient.getOptions().setTimeout(50000); webClient.getOptions().setThrowExceptionOnScriptError(false); //模拟浏览器打开一个目标网址 HtmlPage rootPage = webClient.getPage(url); System.out.println("为了获取js执行的数据线程开始沉睡等待"); Thread.sleep(3000);//主要是这个线程的等待因为js加载也是需要时间的 System.out.println("线程结束沉睡"); String html = rootPage.asText(); System.out.println(html); } catch (Exception e) { } </pre> <p> </p> <p>其实这段代码不好使。<br><br><br>求解答，其中典型的就是这个链接的页面，怎么能在java程序中获取其中的数据？<br><br>http://xinjinqiao.tprtc.com/admin/main/flrpro.do</p> <p> </p> <p> </p> </div>

select2 用属性选择器动态添加只有新添加的标签有渲染原有标签的渲染没了

![图片说明](https://img-ask.csdn.net/upload/201808/01/1533091747_378076.png) js代码 update界面显示部分 ``` // 显示修改关键字症状界面 function updateView(id, system_id) { $("#btntype").val(1); $("#Submit1").click(function() { add(1); }); $ .ajax({ type : "POST", url : "/erzhentang/manage/forAjax.do?requestType=12.1", data : "id=" + id + "&system_id=" + system_id, // 发送到服务器的数据默认id是结论id success : function(msg) { $("#xuewei_id").val("1,2,3").select2(); /* alert(msg); */ var json = eval('(' + msg + ')'); document.getElementById("addModel").style.display = "block"; document.getElementById("id1").value = json.earScanJielun.id; document.getElementById("system_id1").value = json.earScanJielun.system_id; /* 遍历所属系统下所有耳穴频扫疾病项 */ var arrESJ = eval(json.listEarScanJibing);// arrESJ是一个数组 var checkESJ = document.getElementById("jibing_num1"); var str2 = ""; for (var j = 0; j < arrESJ.length; j++) { str2 += "<option value=\"" + arrESJ[j].jibing_num + "\">" + arrESJ[j].name + "</option>"; var checkESJ2 = arrESJ[j].name; if (arrESJ[j].jibing_num == json.earScanJielun.jibing_num) {// 疾病编号人为控制每个编号都是唯一 arrESJ[j].name = "selected='selected'"; } $("#jibing_num1").html(str2); } document.getElementById("jibing_num1").value = json.earScanJielun.jibing_num; document.getElementById("jielun_rank1").value = json.earScanJielun.jielun_rank; document.getElementById("jielun1").value = json.earScanJielun.jielun; /* 下半截部分组合表动态展示修改和添加 */ var arrESC = eval(json.listEarScanCp);// arrESC是一个数组频扫结论组合表 var str = ""; var str1 = ""; for (var i = 0; i < arrESC.length; i++) { str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" >" + arrESC[i].id + "</textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 /* * 下拉框主要是应展示项和所有下拉选项的值判断是否对应分清主和客 * 所有展示项目为主表客表的某一项值和遍历主表的值对应这里面下拉框所有选项值是主表 */ var str1 = ""; for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值：" + myselect.options[j].value); str += "<option value=\"" + myselect.options[j].value + "\" " + (myselect.options[j].value == arrESC[i].gender ? "selected='selected'" : "") + ">" + myselect.options[j].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" >" + arrESC[i].min_age + "</textarea>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" >" + arrESC[i].max_age + "</textarea>"; // str += "<textarea style=\"width: // 300px;margin-left:10px;\" id=\"xuewei_id\" // name=\"xuewei_id\" >" // + arrESC[i].xuewei_id + "</textarea>"; str +="<div id=\"selectSection\">"; str += "<select style=\"width: 300px;margin-left:10px;\" id=\"xuewei_id\" name=\"xuewei_id\"class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\">心</option>"; str += "<option value=\"2\" " + "selected='selected'" + ">" + "肺" + "</option>"; str += "<option value=\"3\" " + "selected='selected'" + ">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; str += "</div>" $("#xuewei_id").val("1,2,3").select2(); str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" >" + arrESC[i].chuzhen_id + "</textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 10px;\" id=\"bp\" name=\"bp\" >" var myselect1 = document.getElementById("bp");// 这个获取的是静态jsp页面里标签 for (var k = 0; k < myselect1.options.length; k++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值：" + myselect1.options[k].value); str += "<option value=\"" + myselect1.options[k].value + "\" " + (myselect1.options[k].value == arrESC[i].bp ? "selected='selected'" : "") + ">" + myselect1.options[k].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;margin-top: 0px;\" id=\"jielun_conform\" name=\"jielun_conform\">" + arrESC[i].jielun_conform + "</textarea>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this," + arrESC[i].id + "," + arrESC[i].bianzhengId + ")\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; /* 替换静态页面 */ $("#tbody1").html(str); select2Execute(); } } }); } ``` js代码add添加行 ``` // 添加行频扫组合表信息 function addRow1() { var str = ""; str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" ></textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它 str += "<option value=\"" + myselect.options[j].value + "\">" + myselect.options[j].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" ></textarea>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" ></textarea>"; // str += "<textarea style=\"width: 300px;margin-left: 10px;\" // id=\"xuewei_id\" name=\"xuewei_id\" ></textarea>"; str +="<div id=\"selectSection\">"; str += "<select style=\"width: 300px;margin-left:10px;\" id=\"xuewei_id\" name=\"xuewei_id\" class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\">心</option>"; str += "<option value=\"2\">" + "肺" + "</option>"; str += "<option value=\"3\">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; "</select>"; str += "</div>"; str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" ></textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 10px;\" id=\"bp\" name=\"bp\" >" var myselect1 = document.getElementById("bp");// 这个获取的是静态jsp页面里标签 for (var k = 0; k < myselect1.options.length; k++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值：" + myselect1.options[k].value); // alert("text值：" + myselect1.options[k].text); str += "<option value=\"" + myselect1.options[k].value + "\">" + myselect1.options[k].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;\" id=\"jielun_conform\" name=\"jielun_conform\"></textarea>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this)\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; $("#rowTable1").append(str); // $("select[name='xuewei_id']").select2({ // $("#xuewei_id").select2().trigger(); // $("#xuewei_id").trigger('change') select2Execute(); } ``` 执行select2部分 ``` /* 执行select2方法 */ function select2Execute() { $(function() { // $("select[name='xuewei_id']").select2({ // $('select[id="xuewei_id"]').select2({ // $('#xuewei_id').select2({ // $("#selectSection").find("select.combox").select2({ $(".combox").select2({ placeholder : "请至少选择一个人名", tags : true, createTag : function(decorated, params) { return null; }, width : '256px' }); function formatState(state) { if (!state.id) { return state.text; } var $state = $('<span>' + state.text + '</span>'); return $state; } ; $('#sel_recommender').select2({ placeholder : "请选择一个人名", templateResult : formatState, width : '256px' }); }); } ```

为什么我动态加载的 onclick 去不掉

如题，我封装了一个分页js，传入参数有请求页数，动态加载onclick方法名称。现在遇到了问题，比如，规定每页显示10条产品。首先进入页面默认加载全部产品分类，“下一页“按钮绑定的是全部产品查询（第2页）方法。此时我点击产品分类筛选出A类产品，只有9个产品。”下一页“按钮就不应该有onclick，但它就是去不掉，此时点击下一页就会跳转到"全部产品查询的第二页"结果。。。。。我尝试过removeAttr()/赋空方法/甚至把标签删了再重新添加都不管用 ``` //region 下一页 if (pageInfo.nextPage != null && pageInfo.nextPage != 0) { $("#nextPage").attr('class', 'NextA'); $("#nextPage").attr('onclick', methodName + '(' + pageInfo.nextPage + ',' + typeID + ',' + typename + ',' + proid + ')'); } else { //$("#nextPage").remove(); //$("#linkPage").after('<a href="javascript:void(0)" class="PreSpan" id="nextPage">下一页</a>'); $("#nextPage").attr('onclick','function(){}') $("#nextPage").attr('class', 'PreSpan'); } //endregion ``` 以下是全部代码 ``` /*参数1: 后台返回的PageInfo数据，参数2: 调用该方法的方法名（方法名不加括号'()'）参数3：类型的ID 参数4：类型名称参数5：产品ID param3,4,5为可选择参数*/ function pageInfoPlugin(pageInfo, methodName, typeID, tn, proid) { //console.log('pageNum----' + pageInfo.pageNum) //console.log('pageSize----' + pageInfo.pageSize) //console.log('total----' + pageInfo.total) //console .log('pages----' + pageInfo.pages) //console.log('firstPage----' + pageInfo.firstPage) //console.log('lastPage----' + pageInfo.lastPage) //console.log('prePage----' + pageInfo.prePage) //console.log('nextPage----' + pageInfo.nextPage) //console.log('methodName----' + methodName) var typename = "'" + tn + "'"; if (pageInfo != null) { //region 上一页 if (pageInfo.prePage != null && pageInfo.prePage != 0) { $("#prePage").attr('class', 'NextA'); $("#prePage").attr('onclick', methodName + '(' + pageInfo.prePage + ',' + typeID + ',' + typename + ',' + proid + ')'); } else { //$("#prePage").remove(); //$("#linkPage").before('<a href="javascript:void(0)" class="PreSpan" id="prePage">上一页</a>'); $("#prePage").attr('onclick','function(){}') $("#prePage").attr('class', 'PreSpan'); } //endregion //region 下一页 if (pageInfo.nextPage != null && pageInfo.nextPage != 0) { $("#nextPage").attr('class', 'NextA'); $("#nextPage").attr('onclick', methodName + '(' + pageInfo.nextPage + ',' + typeID + ',' + typename + ',' + proid + ')'); } else { //$("#nextPage").remove(); //$("#linkPage").after('<a href="javascript:void(0)" class="PreSpan" id="nextPage">下一页</a>'); $("#nextPage").attr('onclick','function(){}') $("#nextPage").attr('class', 'PreSpan'); } //endregion //region 链接分页计算 $("#linkPage").children().remove(); if (pageInfo.pageNum - 5 < 1) { for (var i = 1; i <= pageInfo.pages && i <= 11; i++) { var linkPage = '<a href="javascript:void(0)" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; if (pageInfo.pageNum === i) { linkPage = '<a href="javascript:void(0)" class="Ahover" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; } $("#linkPage").append(linkPage); } } else { if (pageInfo.pageNum + 5 > pageInfo.pages) { for (var i = pageInfo.pages - 11 + 1; i <= pageInfo.pages; i++) { var linkPage = '<a href="javascript:void(0)" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; if (pageInfo.pageNum === i) { linkPage = '<a href="javascript:void(0)" class="Ahover" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; } $("#linkPage").append(linkPage); } } else { for (var i = pageInfo.pageNum - 5; i <= pageInfo.pageNum + 5; i++) { var linkPage = '<a href="javascript:void(0)" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; if (pageInfo.pageNum === i) { linkPage = '<a href="javascript:void(0)" class="Ahover" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; } $("#linkPage").append(linkPage); } } } //endregion //region 分页信息 $("#pageText").html("当前：第【" + pageInfo.pageNum + "】页 / 总共：【" + pageInfo.pages + "】页"); //endregion } } ``` ``` <div class="met_pager"> <a href="javascript:void(0)" class="PreSpan" id="prePage">上一页</a> <b id="linkPage">   </b> <a href="javascript:void(0)" class="NextA" id="nextPage">下一页</a> <span class="PageText" id="pageText">1/5</span> </div> ```

struts1的.do页面无法加载外部的js文件

采用SSH开发在a.jsp页面里点“查询”操作，通过struts-config.xml中的配置交给查询的SearchAction处理，查询成功通过forward把查询到的数据原返回到a.jsp页面，再循环遍历输出，此时地址栏中的地址是：http://127.0.0.1:8080/test/search.do,但是在这个页面中通过<script type="text/javascript" src="jquery.jwindow.js" charset="UTF-8"></script>方式加载外部的JS文件加载不上，而<script type="text/javascript">function del(id){} </script>的JS却可以进行处理 forward配置:<forward name="success" path="a.jsp" /> 不知道我说的大家能否明白，能帮下我吗？ [b]问题补充：[/b] 路径应该没有什么问题，通过ACTION查的数据都能返回到JSP页面上，问题的关键是返回的JSP页面加载不了外部的JS文件就是我查询的页面和查询成功返回的页面是同一个页面查询成功返回到这个页面时，外部JS文件无法加载，在最初未查询之前是可以加载的谢谢你哈，祝你新年快乐！ [b]问题补充：[/b] rain2005 谢谢你我的那个查询页面和JS文件放在同一个文件夹下面，所以链接的时候我给的相对路径。这样在最初打开页面时JS文件可以加载，但当ACTION返回后路径就不对了我按你说的把站点要路径加上就可以了 2008年最后一天，我最后的问题也解决了，真高兴，祝你新年快乐 :D

select2 用js动态循环添加没有任何渲染只有第一个默认有渲染

图片效果 ![图片说明](https://img-ask.csdn.net/upload/201808/01/1533060247_931675.png) 只有第一行正常显示动态添加 select2 虽然初始化了但是没有任何渲染 js代码获取后台数据的update页面 ``` function updateView(id, system_id) { $("#btntype").val(1); $("#Submit1").click(function() { add(1); }); $ .ajax({ type : "POST", url : "/erzhentang/manage/forAjax.do?requestType=12.1", data : "id=" + id + "&system_id=" + system_id, // 发送到服务器的数据默认id是结论id success : function(msg) { $("#xuewei_id").val("1,2,3").select2(); /* alert(msg); */ var json = eval('(' + msg + ')'); document.getElementById("addModel").style.display = "block"; document.getElementById("id1").value = json.earScanJielun.id; document.getElementById("system_id1").value = json.earScanJielun.system_id; /* 遍历所属系统下所有耳穴频扫疾病项 */ var arrESJ = eval(json.listEarScanJibing);// arrESJ是一个数组 var checkESJ = document.getElementById("jibing_num1"); var str2 = ""; for (var j = 0; j < arrESJ.length; j++) { str2 += "<option value=\"" + arrESJ[j].jibing_num + "\">" + arrESJ[j].name + "</option>"; var checkESJ2 = arrESJ[j].name; if (arrESJ[j].jibing_num == json.earScanJielun.jibing_num) {// 疾病编号人为控制每个编号都是唯一 arrESJ[j].name = "selected='selected'"; } $("#jibing_num1").html(str2); } document.getElementById("jibing_num1").value = json.earScanJielun.jibing_num; document.getElementById("jielun_rank1").value = json.earScanJielun.jielun_rank; document.getElementById("jielun1").value = json.earScanJielun.jielun; /* 下半截部分组合表动态展示修改和添加 */ var arrESC = eval(json.listEarScanCp);// arrESC是一个数组频扫结论组合表 var str = ""; var str1 = ""; for (var i = 0; i < arrESC.length; i++) { str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" >" + arrESC[i].id + "</textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 str += "<select style=\"width: 300px;margin-left:10px;\" id=\"xuewei_id\" name=\"xuewei_id\"class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\">心</option>"; str += "<option value=\"2\" " + "selected='selected'" + ">" + "肺" + "</option>"; str += "<option value=\"3\" " + "selected='selected'" + ">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; "</select>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this," + arrESC[i].id + "," + arrESC[i].bianzhengId + ")\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; /* 替换静态页面 */ $("#tbody1").html(str); select2Update();//执行select方法 } } }); } ``` 动态循环添加行js部分 ``` function addRow1() { var str = ""; str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" ></textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它 str += "<option value=\"" + myselect.options[j].value + "\">" + myselect.options[j].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" ></textarea>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" ></textarea>"; // str += "<textarea style=\"width: 300px;margin-left: 10px;\" // id=\"xuewei_id\" name=\"xuewei_id\" ></textarea>"; str += "<select style=\"width: 300px;margin-left:10px;\" id=\"xuewei_id\" name=\"xuewei_id\" class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\">心</option>"; str += "<option value=\"2\">" + "肺" + "</option>"; str += "<option value=\"3\">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; "</select>"; str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" ></textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 10px;\" id=\"bp\" name=\"bp\" >" var myselect1 = document.getElementById("bp");// 这个获取的是静态jsp页面里标签 for (var k = 0; k < myselect1.options.length; k++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值：" + myselect1.options[k].value); // alert("text值：" + myselect1.options[k].text); str += "<option value=\"" + myselect1.options[k].value + "\">" + myselect1.options[k].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;\" id=\"jielun_conform\" name=\"jielun_conform\"></textarea>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this)\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; $("#rowTable1").append(str); // $("select[name='xuewei_id']").select2({ // $("#xuewei_id").select2().trigger(); $("#xuewei_id").trigger('change') select2Save(); } ``` select2方法包含添加和修改目前两个方法完全一致 ``` function select2Update() { $("#xuewei_id").trigger('change') $(function() { $('#xuewei_id').select2({ placeholder : "请至少选择一个人名", tags : true, createTag : function(decorated, params) { return null; }, width : '256px' }); function formatState(state) { if (!state.id) { return state.text; } var $state = $('<span>' + state.text + '</span>'); return $state; } ; $('#sel_recommender').select2({ placeholder : "请选择一个人名", templateResult : formatState, width : '256px' }); }); } function select2Save() { $(function() { // $("select[name='xuewei_id']").select2({ $('#xuewei_id').select2({ placeholder : "请至少选择一个人名", tags : true, createTag : function(decorated, params) { return null; }, width : '256px' }); function formatState(state) { if (!state.id) { return state.text; } var $state = $('<span>' + state.text + '</span>'); return $state; } ; $('#sel_recommender').select2({ placeholder : "请选择一个人名", templateResult : formatState, width : '256px' }); }); ```

AJAX Google Map无法加载

<div class="post-text" itemprop="text"> <p>I have this two files:</p> <p>mappa2.html:</p> <p> #map { height: 85%; }</p> <pre><code> </style> <script> function showHint() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById("txtHint").innerHTML = xmlhttp.responseText; } }; xmlhttp.open("GET", "sql2.php", true); xmlhttp.send(); } </script>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black">  <title>Moli.se</title>  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="res/dist/css/framework7.ios.min.css">  <link rel="stylesheet" href="res/dist/css/framework7.ios.colors.min.css">  <link rel="stylesheet" href="css/my-app.css"> </head> <body onload="showHint()">  <div class="statusbar-overlay"></div>  <div class="views">  <div class="view view-main">  <div class="navbar"> <div class="navbar-inner"> <div class="left"> <a href="#" class="open-left-panel"> <img src="img/list.png" /> </a> </div> <div class="center"><a href="#"><img src="http://moli.se/wp/wp-content/uploads/2016/03/logo-molipuntose-2016-160.png" height="30"/></a></div> </div> </div>  <div class="pages navbar-through">  <div data-page="index" class="page">  <div class="page-content"> <div class="card"> <div class="card-header">Mappa</div> <div class="card-content"> <div class="card-content-inner">  <div id ="txtHint"></div> </div> </div> </div> </div> </div></div> </div> </div> <div class="panel-overlay"></div>  <div class="panel panel-left panel-reveal"> <div class="content-block"> <p>Benvenuto su Moli.se</p> <a href="index.html" class="external"> <p>Home</p></a> <a href="mappa.html" class="external"> <p>Mappa</p></a> <a href="http://moli.se/blog" class="external"> <p>Blog</p></a> </div> </div>  <script type="text/javascript" src="res/dist/js/framework7.min.js"></script>  <script type="text/javascript" src="js/moli-se.js"></script> </body> </html> </code></pre> <p>And sql2.php:</p> <pre class="lang-html prettyprint-override"><code><?php $con = mysqli_connect('*******','******','*****','*************'); if (!$con) { die('Could not connect: ' . mysqli_error($con)); } mysqli_select_db($con,"ajax_demo"); $sql="SELECT COUNT(*) AS total FROM posti"; $result=mysqli_query($con ,$sql ); $data=mysqli_fetch_assoc($result); $d = $data['total']; echo " <div id='map'></div>"; echo " <script> function initMap() { var uluru = {lat: 42.5 , lng: 14.5 }; var map = new google.maps.Map(document.getElementById('map'), { zoom: 8, center: uluru }); var noPoi = [ { featureType: \"poi\", stylers: [ { visibility: \"off\" } ] } ]; map.setOptions({styles: noPoi}); "; for ($i = 1 ; $i <= $d ; $i++) { $sel="SELECT * FROM posti WHERE id = '".$i."'"; $res = mysqli_query($con,$sel); $row = mysqli_fetch_array($res); echo " var uluru" .$i . " = {lat: " .$row['latitudine'] .", lng: " .$row['longitudine'] ."}; var contentString" . $i . " = ' <div id=\"content\"><h2> " . $row['name'] . "</h2></div>' var infowindow" .$i . "= new google.maps.InfoWindow({ content: contentString" . $i . " }); var marker" . $i . " = new google.maps.Marker({ position: uluru" .$i .", map: map, title: 'Title', icon : 'yellow.png' }); marker" . $i . ".addListener('click', function() { infowindow" .$i .".open(map, marker" . $i . "); }); "; } echo " } </script> <script async defer src='https://maps.googleapis.com/maps/api/js?MY_KEY=initMap'> </script> "; mysqli_close($con); ?> </code></pre> <p>If I load mappa2.html, the map doesn't load. But if I copy the generated code and put it in another html file, the map shows up correctly.</p> <p>If I write in the js console: <code>initMap()</code> it says:</p> <pre><code>Uncaught ReferenceError: initMap is not defined at <anonymous>:1:1 </code></pre> </div>

jquery如何获得一个动态创建的 $('#').append('')的ID？

各位大神们，请问在 $('#').append('')当中怎么设置动态的id，并且能够利用这个id获得相应的值，从而能够比较不同id对应值得大小。部分代码如下（要是能实现这个功能的话，小弟绝不吝啬）： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>如何获取动态id</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> var str=""; number=0; function next(){ var skill=$("#projectname").val(); str = str + skill+";  "; $('#showdata').append('<label for="offer"><span style="color:#00003">'+skill+'</span></label>'); $('#showdata').append('<input class="number_showdata" id="showdataid'+number+'" type="text" name="offer" placeholder="得分"/>'); $("#inal").html(str); number++; } function weight(){ } $(document).ready(function(){ var len = $("#group span").size();//获取span标签的个数 var arr = []; for(var index = 0; index < len-1; index++){//创建一个数字数组 arr[index] = index; } $.each(arr, function(i){//循环得到不同的id的值 var idValue = $("#group span").eq(i).attr("id"); if(idValue != ''){ alert(idValue); } }); }); </script> </head> <body> <div data-role="page" id="yemian1"> <div data-role="header" data-theme="b"> <h1>页面1</h1> </div> <div data-role="content"> <div id="product_shift_out_{m}"> </div> <form action="" method="post" id="" > <label for="projectname">输入参加人的姓名：</label> <input type="text" name="projectname" id="projectname"/> <input data-theme="e" onclick="next()" type="reset" name="button" id="button" value="下一个" /> <a href="#yemian2" onclick="" data-role="button" data-theme="e">确认</a> <p>参加的人分别有：<span id="inal" style="color:#FF0033"></span></p> </form> </div> </div> <div data-role="page" id="yemian2"> <div data-role="header" data-theme="b"> <a href="#yemian1" data-role="button" data-icon="back" >返回</a> <h1>页面2</h1> </div> <div data-role="content"> <div id = "showdata">  </div> <a href="#yemian3" onclick="weight()" data-role="button" data-theme="e">确定</a> <input data-theme="e" type="reset" name="button" id="button" value="清除" /> </div> </div> <div data-role="page" id="yemian3"> <div data-role="header" data-theme="b"> <a href="#yemian1" data-role="button" data-icon="back" >返回</a> <h1>页面3</h1> </div> <div data-role="content"> <p>某某的分数最高，最高为：</p> <p>某某的分数最低，最低为：</p> </div> </div> </body> </html>

在bootstrap popover中加载动态内容

<div class="post-text" itemprop="text"> <p>im using datatables, and this is my some of my code for fetching the data for datatables, this works fine now what i want is to load dynamic content on when someone hover or click the anchor tag... this the image <a href="https://i.stack.imgur.com/Ogopf.jpg" rel="nofollow noreferrer">datatables data</a></p> <pre><code>foreach($result as $row) { $sub_array = array(); $sub_array[] = '<a href="#" class="hover" id="'.$row['id'].'">'.clean($row["f_name"])." ".clean($row["m_name"])." ".clean($row["l_name"]).'</a>'; $sub_array[] = strtoupper($row["sex"]); $sub_array[] = $row["birthdate"]; $sub_array[] = $row['age']; $data[] = $sub_array; } </code></pre> <p>this is what i have tried, still the bootstrap popover not working</p> <pre><code>$('.hover').popover({ title:fetchData, html:true, placement:'right' }); function fetchData(){ var fetch_data=''; var element = $(this); var id = element.attr("id"); $.ajax({ url:"../controller/fetch_single.php", method:"POST", async:false, data:{id:id}, success:function(data){ fetch_data = data; alert(data); } }); return fetch_data; } </code></pre> <p>this is the code that i used for my ajax </p> <pre><code>//fetch_single.php if(isset($_POST["id"])) { $output = ''; $statement = $connection->prepare( "SELECT id, sex, f_name, m_name, l_name, birthdate,image_name,house_num,street TIMESTAMPDIFF(YEAR, birthdate, CURDATE()) as age from rec_personal WHERE id='".$_POST['id']."'" ); $statement->execute(); $result = $statement->fetchAll(); foreach ($result as $row) { $output = ' <p><img src="../upload/'.$row["image_name"].'" class="img-responsive img-thumbnail" /></p> <p><label>Name : '.$row['f_name'].'</label></p> <p><label>Address : </label><br />'.$row['house_num'].'</p> <p><label>Gender : </label>'.$row['sex'].'</p> <p><label>Age : </label>'.$row['age'].' Years</p> '; } echo $output; } </code></pre> <p><strong>EDIT</strong> this is my reference for the code <a href="http://www.webslesson.info/2016/11/php-ajax-jquery-load-dynamic-content-in-bootstrap-popover.html" rel="nofollow noreferrer">http://www.webslesson.info/2016/11/php-ajax-jquery-load-dynamic-content-in-bootstrap-popover.html</a></p> </div>

在中国程序员是青春饭吗？

今年，我也32了，为了不给大家误导，咨询了猎头、圈内好友，以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助，记得帮我点赞哦。目录：你以为的人生一次又一次的伤害猎头界的真相如何应对互联网行业的「中年危机」一、你以为的人生刚入行时，拿着傲人的工资，想着好好干，以为我们的人生是这样的：等真到了那一天，你会发现，你的人生很可能是这样的： ...

程序员请照顾好自己，周末病魔差点一套带走我。

程序员在一个周末的时间，得了重病，差点当场去世，还好及时挽救回来了。

我以为我学懂了数据结构，直到看了这个导图才发现，我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象？

老生常谈的一个梗，到2020了还在争论，你们一天天的，哎哎哎，我不是针对你一个，我是说在座的各位都是人才！上图红色的这3个箭头，对于通过new产生一个字符串（”宜春”）时，会先去常量池中查找是否已经有了”宜春”对象，如果没有则在常量池中创建一个此字符串对象，然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。也就是说准确答案是产生了一个或两个对象，如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬：我去，你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码，大部分代码都写得很漂亮，严谨的同时注释也很到位，这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时，还是忍不住破口大骂：“我擦，小王，你丫写的 switch 语句也太老土了吧！” 来看看小王写的代码吧，看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Linux面试题（2020最新版）

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别？什么是 Linux 内核？Linux的基本组件是什么？Linux 的体系结构BASH和DOS之间的基本区别是什么？Linux 开机启动过程？Linux系统缺省的运行级别？Linux 使用的进程间通信方式？Linux 有哪些系统日志文件？Linux系统安装多个桌面环境有帮助吗？什么是交换空间？什么是root帐户什么是LILO？什...

将一个接口响应时间从2s优化到 200ms以内的一个案例

一、背景在开发联调阶段发现一个接口的响应时间特别长，经常超时，囧… 本文讲讲是如何定位到性能瓶颈以及修改的思路，将该接口从 2 s 左右优化到 200ms 以内。二、步骤 2.1 定位定位性能瓶颈有两个思路，一个是通过工具去监控，一个是通过经验去猜想。 2.1.1 工具监控就工具而言，推荐使用 arthas ，用到的是 trace 命令具体安装步骤很简单，大家自行研究。我的使用步骤是...

学历低，无法胜任工作，大佬告诉你应该怎么做

微信上收到一位读者小涛的留言，大致的意思是自己只有高中学历，经过培训后找到了一份工作，但很难胜任，考虑要不要辞职找一份他能力可以胜任的实习工作。下面是他留言的一部分内容：二哥，我是 2016 年高中毕业的，考上了大学但没去成，主要是因为当时家里经济条件不太允许。打工了三年后想学一门技术，就去培训了。培训的学校比较垃圾，现在非常后悔没去正规一点的机构培训。去年 11 月份来北京找到了一份工...

JVM内存结构和Java内存模型别再傻傻分不清了

讲一讲什么是Java内存模型 Java内存模型虽说是一个老生常谈的问题，也是大厂面试中绕不过的，甚至初级面试也会问到。但是真正要理解起来，还是相当困难，主要这个东西看不见，摸不着。这是一个比较开放的题目，面试官主要想考察的是对Java内存模型的了解到了什么程度了，然后根据回答进行进一步的提问下面，我们就这个问题的回答列一下我们的思路具体的思路如下：说一说Java内存模型的缘由简略辨析...

和黑客斗争的 6 天！

互联网公司工作，很难避免不和黑客们打交道，我呆过的两家互联网公司，几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口，有的是寻找线上服务器可能存在的漏洞，大部分都...

Google 与微软的浏览器之争

浏览器再现“神仙打架”。整理 | 屠敏头图 | CSDN 下载自东方 IC出品 | CSDN（ID：CSDNnews）从 IE 到 Chrome，再从 Chrome 到 Edge，微软与...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好，我是你们的校长。我之前讲过，这年头，只要肯动脑，肯行动，程序员凭借自己的技术，赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月，后悔当初着急入职的选择了

最近有个老铁，告诉我说，上班一个月，后悔当初着急入职现在公司了。他之前在美图做手机研发，今年美图那边今年也有一波组织优化调整，他是其中一个，在协商离职后，当时捉急找工作上班，因为有房贷供着，不能没有收入来源。所以匆忙选了一家公司，实际上是一个大型外包公司，主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错，所以就立马入职去上班了。但是后面入职后，发现薪酬待遇这块并不是HR所说那样，那个HR自...

女程序员，为什么比男程序员少？？？

昨天看到一档综艺节目，讨论了两个话题：（1）中国学生的数学成绩，平均下来看，会比国外好？为什么？（2）男生的数学成绩，平均下来看，会比女生好？为什么？同时，我又联想到了一个技术圈经常讨...

搜狗输入法也在挑战国人的智商！

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件！》这篇文章之后，鲁大师的市场工作人员就找到了我，希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

85后蒋凡：28岁实现财务自由、34岁成为阿里万亿电商帝国双掌门，他的人生底层逻辑是什么？...

蒋凡是何许人也？ 2017年12月27日，在入职4年时间里，蒋凡开挂般坐上了淘宝总裁位置。为此，时任阿里CEO张勇在任命书中力赞：蒋凡加入阿里，始终保持创业者的冲劲，有敏锐的...

总结了 150 余个神奇网站，你不来瞅瞅吗？

原博客再更新，可能就没了，之后将持续更新本篇博客。

副业收入是我做程序媛的3倍，工作外的B面人生是怎样的？

提到“程序员”，多数人脑海里首先想到的大约是：为人木讷、薪水超高、工作枯燥…… 然而，当离开工作岗位，撕去层层标签，脱下“程序员”这身外套，有的人生动又有趣，马上展现出了完全不同的A/B面人生！不论是简单的爱好，还是正经的副业，他们都干得同样出色。偶尔，还能和程序员的特质结合，产生奇妙的“化学反应”。 @Charlotte：平日素颜示人，周末美妆博主大家都以为程序媛也个个不修边幅，但我们也许...

MySQL数据库面试题（2020最新版）

文章目录数据库基础知识为什么要使用数据库什么是SQL？什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式？分别有什么区别？数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别？InnoDB引擎的4大特性存储引擎选择索引什么是索引？索引有哪些优缺点？索引使用场景（重点）...

如果你是老板，你会不会踢了这样的员工？

有个好朋友ZS，是技术总监，昨天问我：“有一个老下属，跟了我很多年，做事勤勤恳恳，主动性也很好。但随着公司的发展，他的进步速度，跟不上团队的步伐了，有点...

我入职阿里后，才知道原来简历这么写

私下里，有不少读者问我：“二哥，如何才能写出一份专业的技术简历呢？我总感觉自己写的简历太烂了，所以投了无数份，都石沉大海了。”说实话，我自己好多年没有写过简历了，但我认识的一个同行，他在阿里，给我说了一些他当年写简历的方法论，我感觉太牛逼了，实在是忍不住，就分享了出来，希望能够帮助到你。 01、简历的本质作为简历的撰写者，你必须要搞清楚一点，简历的本质是什么，它就是为了来销售你的价值主张的。往深...

离职半年了，老东家又发 offer，回不回？

有小伙伴问松哥这个问题，他在上海某公司，在离职了几个月后，前公司的领导联系到他，希望他能够返聘回去，他很纠结要不要回去？俗话说好马不吃回头草，但是这个小伙伴既然感到纠结了，我觉得至少说明了两个问题：1.曾经的公司还不错；2.现在的日子也不是很如意。否则应该就不会纠结了。老实说，松哥之前也有过类似的经历，今天就来和小伙伴们聊聊回头草到底吃不吃。首先一个基本观点，就是离职了也没必要和老东家弄的苦...

男生更看重女生的身材脸蛋，还是思想？

往往，我们看不进去大段大段的逻辑。深刻的哲理，往往短而精悍，一阵见血。问：产品经理挺漂亮的，有点心动，但不知道合不合得来。男生更看重女生的身材脸蛋，还是...

什么时候跳槽，为什么离职，你想好了么？

都是出来打工的，多为自己着想

程序员为什么千万不要瞎努力？

本文作者用对比非常鲜明的两个开发团队的故事，讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境，那么即使勤劳努力，不仅会极其耗时而且成果甚微，使用...

为什么程序员做外包会被瞧不起？

二哥，有个事想询问下您的意见，您觉得应届生值得去外包吗？公司虽然挺大的，中xx，但待遇感觉挺低，马上要报到，挺纠结的。

当HR压你价，说你只值7K，你该怎么回答？

当HR压你价，说你只值7K时，你可以流畅地回答，记住，是流畅，不能犹豫。礼貌地说：“7K是吗？了解了。嗯~其实我对贵司的面试官印象很好。只不过，现在我的手头上已经有一份11K的offer。来面试，主要也是自己对贵司挺有兴趣的，所以过来看看……”（未完）这段话主要是陪HR互诈的同时，从公司兴趣，公司职员印象上，都给予对方正面的肯定，既能提升HR的好感度，又能让谈判气氛融洽，为后面的发挥留足空间。...

面试：第十六章：Java中级开发（16k）

HashMap底层实现原理，红黑树，B+树，B树的结构原理 Spring的AOP和IOC是什么？它们常见的使用场景有哪些？Spring事务，事务的属性，传播行为，数据库隔离级别 Spring和SpringMVC，MyBatis以及SpringBoot的注解分别有哪些？SpringMVC的工作原理，SpringBoot框架的优点，MyBatis框架的优点 SpringCould组件有哪些，他们...

面试阿里p7，被按在地上摩擦，鬼知道我经历了什么？

面试阿里p7被问到的问题(当时我只知道第一个)：@Conditional是做什么的?@Conditional多个条件是什么逻辑关系？条件判断在什么时候执...

终于懂了TCP和UDP协议区别

qq_42752712

Jia_Li_z

terminal_

/空山/

qq_42752712

Jia_Li_z

terminal_

/*空山*/

/空山/