有没有人知道一个脚本可以选择对URL的所有文本引用,并自动用指向这些位置的锚标签替换它们?
For example:
http://www.google.com
would automatically turn into
<a href="http://www.google.com">http://www.google.com</a>
Run Code Online (Sandbox Code Playgroud)
注意:我想要这个,因为我不想浏览我的所有内容并用锚标记包装它们.
<a href="facebook.com/sharer" target="_blank" >Share this</a>
Run Code Online (Sandbox Code Playgroud)
当用户点击它时,如何在新窗口中将其设置为特定宽度和高度?在firefox中,当前代码只打开一个新选项卡(而不是新窗口)
假设我在另一个页面上有一个锚点:
<A NAME="blah">
Run Code Online (Sandbox Code Playgroud)
在我当前正在访问的页面上,我想在该页面上传递一个GET参数,例如:
<A HREF="otherpage.htm#blah?data=1234">Good Stuff!</A>
Run Code Online (Sandbox Code Playgroud)
这对我来说似乎没有用.它加载页面并传递变量但不会转到锚点.我在锚标签上搜索了一些例子,其中有很多,但没有人谈到跳转到页面中的锚点,同时也在URL中传递参数.
我正在尝试为我博客上的每条评论创建独特的锚点,这样一个人就可以获取一个锚点的网址并将其粘贴到浏览器中,这将自动加载页面并向下滚动到页面中评论开始的位置.
也许我正在以错误的方式解决这个问题,但我已经尝试过这个但是无济于事.
注释视图 - 失败1 - 当粘贴在浏览器中时,此链接不会向下滚动到所需位置
<%= link_to '#', :controller => 'posts', :action => 'show', :id => comment.post, :anchor => 'comment_' << comment.id.to_s %>
Run Code Online (Sandbox Code Playgroud)
注释控制器 - 失败2 - 在浏览器中更正URL但没有滚动发生它只是停留在页面顶部
redirect_to :controller => 'posts', :action => 'show', :id => @post, :anchor => 'comment_' + @comment.id.to_s
Run Code Online (Sandbox Code Playgroud)
如果有人可以帮助我会非常感激:)
更新:下面的解决方案几乎可以工作,但是我提出了以下URL,如果我点击它就不会滚动到它.
非常类似于这个角度问题:当使用react-router时,如何使用锚链接进行页内导航?
换句话说,在使用react-router时如何实现以下纯HTML?
<a href="#faq-1">Question 1</a>
<a href="#faq-2">Question 2</a>
<a href="#faq-3">Question 3</a>
<h3 id="faq-1">Question 1</h3>
<h3 id="faq-2">Question 2</h3>
<h3 id="fa1-3">Question 3</h3>
Run Code Online (Sandbox Code Playgroud)
目前,我拦截了对此类链接的点击,并滚动到锚点位置.这并不令人满意,因为这意味着无法直接链接到页面的某个部分.
假设我在一个名为"页面/example#myanchor1中myanchor的锚点"的页面上.我想链接到/example#myanchor2,但强制页面重新加载,同时这样做.
原因是我运行js来检测页面加载时url的锚点.这里的问题(通常是预期的行为)是,浏览器只是将我发送到页面上的特定锚点而不重新加载页面.
我该怎么做呢?JS没关系.
想象一下用posts和的博客comments.个人评论的URL可能是posts/741/comments/1220.
但是,我想制作网址posts/741#1220,甚至是posts/741#comment-1230.
这样做最不具侵扰性的方法是什么,所以redirect_to comment_path(my_comment)指向正确的URL?
我希望在click事件上附加/删除锚名称"#on"以添加到当前url而不重新加载页面,或者使用链接中的href ='#on',因为它使我的页面跳转
例如:http://www.example.com/page.html#on所以我可以检测来自该URL的用户并调用On()函数
function On()
{
//append to current url the anchor "#on"
}
function Off()
{
//remove from the current url the anchor "#on"
}
$('.on').live('click', function() {
On();
return false;
});
$('.off').live('click', function() {
Off();
return false;
});
Run Code Online (Sandbox Code Playgroud) 我有TreeView一个填充应用程序的顶部部分,但由于TreeView更改中的项目数,我的"应用"按钮会垂直更改其位置.有没有办法将它锚定到窗口的底部,因此它始终位于窗口的右下部,即距右下边缘10x10的距离.