問題,我想實作的功能是點擊導航鏈接實作頁面主體部分的頁面重繪,但是在采用下面的代碼時,頁面整體重繪了,求大神們指教錯誤之處!!!感謝!!!
1.導航鏈接部分
<dd data-name="console" class="layui-this">
<a href="https://bbs.csdn.net/repair/test.php">我要報修</a>
</dd>
2.頁面主體部分
<div class="layui-body">
<!--<div style="padding: 15px;">內容主體區域</div>-->
<iframe id="iframeMain" src="https://bbs.csdn.net/repair/test.php" style="width: 100%"; height="100%";>
</iframe>
</div>
3.js部分
$(document).ready(function(){
$("dd>a").click(function (e) {
//設定a的點擊事件不跳轉到另一個頁面
e.preventDefault();
$("#iframeMain").attr("src",$(this).attr("href"));
});
});
4. 測驗頁面
點擊鏈接前

點擊鏈接后
uj5u.com熱心網友回復:
你click的事件應該回傳false。不推薦這么寫,你可以把a標簽改成div或者span,然后通過css設定cursor:pointer來模擬a標簽外形行為。或者你可以為a標簽href指定target為iframe的id
uj5u.com熱心網友回復:
回傳false和<a href="https://bbs.csdn.net/repair/test.php" target="iframeMain>后仍然重繪的是整個頁面轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/216635.html
標籤:JavaScript
上一篇:怎么把下面的文字居中?
下一篇:計數器 asp代碼 修改?
