标签: anchor

这似乎是一个愚蠢的问题,但我无法弄清楚.我的页面上有一些锚标记只能执行ajax函数,除了触发javascript之外没有固有的用法:

 <a href="#" onclick="SomeFunction();">Blah</a>

如何防止点击此链接从滚动一直到页面顶部.它引起了一些恼人的UI可用性问题.

我有以下代码:

<ul class="questions">
<li><a href="#test1">test1</a></li>
<li><a href="#test2">test2</a></li>
<li><a href="#test3">test3</a></li>
</ul>


<div id="test1">test1 text</div>
<div id="test2">test2 text</div>
<div id="test3">test3 text</div>

我使用此脚本在同一页面中突出显示想要的id锚点:

<script type="text/javascript">

$(document).ready(function() {

    $(function() 
    {
        $('a').click(function(event) {

           $(location.hash).css("background-color","red");


        });
    });

});
</script>

锚移动有效但所选id的高亮不起作用,除非我在第一次加载页面后刷新页面,当我点击另一个链接时当前高亮显示不会分散

我正在尝试这样做:

   a link here
   ------------------
   another link here
   ------------------
>> active link here
   ------------------
   one more link
   ------------------

所有的---边界都是相同的长度.如果当前页面是链接(即活动链接),则>>显示(它将是图像).问题是,如果我向lis 添加填充,那么它将导致边框位于下面,>>这是不希望的.显然没有javascript.

我试图使用的一般标记是这样的:

<ul>
  <li><a href="#">a link here</a></li>
  <li><a href="#">another link here</a></li>
  <li><a href="#">active link here</a></li>
  <li><a href="#">one more link</a></li>
</ul>

这是我在此的头一篇博文.

我希望能够做的是改变鼠标悬停在链接上时链接的行为方式.我不想使用任何样式表,只需将其直接添加到锚标记中即可.

像这样的东西:

<a style=" a:hover"text-decoration: underline;color:red;"" href="www.www.www"> LINK </a>

有任何想法吗？

谢谢 :)

这应该是一个简单的:我有一个带有一堆命名锚标记的页面.这些标签链接到网站上的各种其他页面.但由于某种原因,当我链接到页面#锚时,它总是跳回到顶部.例如:

http://thedenvillehub.com/test-hs/services.asp#firesetter

它到达正确的区域,但然后跳到顶部.

如果您单击链接以获取它,也会发生同样的事情:

http://thedenvillehub.com/test-hs/troubled.asp(点击"青少年消防员计划")

有任何想法吗？它在IE中正常工作,但不适用于FF或Chrome.

如果此人不使用JavaScript,我想使用按钮提交表单,如果此人使用JavaScript,则使用锚标记提交表单.我该怎么做？

可能重复:
使用jQuery重新触发链接上的click事件

在勾选复选框时,是否可以触发被点击的锚链接？下面是我的html和jQuery

HTML:

<div id="filter-1" class="filter tags">
 <ul>
  <li class="grey">
    <input type="checkbox">
    <a title="" href="/collections/mens/grey">Grey</a>
  </li>

 <li class="all">
   <input type="checkbox">
   <a title="" href="/collections/mens">All color</a>
  </li>
 </ul>
 </div>

jQuery的:

 $("input[type='checkbox']").change(function(){
  var item=$(this);    
   if(item.is(":checked"))
    {
     item.siblings('a').trigger('click');
    }    
 });

下面的示例适用于启用/禁用href但不适用于onclick.我需要启用/禁用这两个属性

注意:一旦我们启用它,我就不能简单地将onclick事件移除/绑定到dummy function().

脚本代码:

<script type="text/javascript">
 $(document).ready(function () {
     $("#b1").click(function () {
         $("#yahoo").attr("disabled", "disabled");
         $("#yahoo").css("background-color", "silver");
     })

     $("#b2").click(function () {
         $("#yahoo").removeAttr("disabled");
         $("#yahoo").css("background-color", "white");
     })

     $("#yahoo").click(function (e) {
         if ($("#yahoo").attr("disabled") == "disabled") {
             e.preventDefault();
         }
     });
 });
</script>

HTML代码:

 <div>
   <input type="button" id="b1" value="Disable Yahoo Link"> 
   <input type="button" id="b2" value="Enable Yahoo Link">    
 </div>    
 <a id="yahoo" target="_blank" href="javascript:alert('href alert')" onclick="javascript:alert('onclick alert')">Yahoo.com</a>

工作实例 http://jsfiddle.net/nunnakirankumar/suYe4/

我有一个页面站点。我的导航包含一些由Bootstrap 3设置样式的按钮。

由于它是单个页面，因此按钮是锚标记。我希望能够将一个.active类应用于已单击的最后一个锚标记。

这是我的HTML：

<a href="#home">
    <button type="button" class="btn btn-default btn-lg active">
    <span class="glyphicon glyphicon-home"></span> Home
    </button>
</a>

<a href="#about">
    <button type="button" class="btn btn-default btn-lg">
    <span class="glyphicon glyphicon-user"></span> About
    </button>
</a>

而我的CSS：

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
border:none;
background-color: #2C3E50;
border-bottom: 1px solid #2C3E50;
}

好的,这很简单但我不知道怎么做.

我用vhost它localhost/wamp/www/blog/public变成了blog.dev

样品:

<a href="stackoverflow.com">Stack Overflow</a>

预期结果:去 stackoverflow.com

实际上是做什么的:去吧 blog.dev/stackoverflow.com

那么,我该怎么办？