[英]Open link in same page different section
我的应用程序中有两个不同的 html 文件。 像这样的东西。
<a href="/conversations/<%= c['conversation']['id'] %>" class="list-group-item">
<div id="nav">
<p>This is link my second page</p>
</div>
</a>
这是我的第二页。
div id="nav">
<p>This is link my second page</p>
</div>
但是在这里,当我单击链接时,它会重定向到第二页。 我想要的是当我点击链接时,我想在同一页面的不同部分打开第二个 html。 像这样的东西。
我怎样才能做到这一点?
iframe 是您可以用来调用其他 html 页面到您的 web 页面的标签
<iframe src="http://www.google.co.in" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0" >
</iframe>
html
<div>
<a class"links" href="https://www.yourlink.com/">link1</a>
<a class"links" href="https://www.yourlink2.com/">link2</a>
</div>
<div id="target_div">
content here
</div>
jquery
$(document).ready(function() {
$(".links").click(function(event) {
event.preventDefault();
var url = $(this).attr("href");
console.log(url);
$("#target_div").html('<iframe src="' + url + '" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0" ></iframe>');
});
});
尝试这个
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.