相关疑难解决方法(0)

我有一个链接按钮<td>,我必须禁用它.这适用于IE但不适用于Firefox和Chrome.结构是 - 链接在一个<td>.我无法添加任何容器<td>(如div/span)

我尝试了以下所有但不使用Firefox(使用1.4.2 js):

$(td).children().each(function () {
        $(this).attr('disabled', 'disabled');
  });


  $(td).children().attr('disabled', 'disabled');

  $(td).children().attr('disabled', true);

  $(td).children().attr('disabled', 'true');

注 - 我无法取消注册锚标记的click函数,因为它是动态注册的.我必须在禁用模式下显示链接.

虽然该链接已禁用,但仍然可以点击.

<a href="/" disabled="disabled">123n</a>

如果它被禁用,我可以让它不可点击吗？我必须使用JavaScript吗？

例如,如果我有这个:

<a style="" href="page.html">page link</a>

有什么我可以使用的样式属性,使链接不可点击,不会带我到page.html.

或者我唯一的选择是不将"页面链接"包装在锚标记中？

编辑:我想说明我为什么要这样做,以便人们可以提供更好的建议.我正在尝试设置我的应用程序,以便开发人员可以选择他们想要的导航样式.

所以我有一个链接列表,一个当前总是被选中,而其他所有链接都没有.对于未选择的链接,我显然希望这些是正常的可点击锚标签.但对于选定的链接,有些人更喜欢链接仍然可以点击,而其他人则喜欢使其无法点击.

现在,我可以轻松地以编程方式不在所选链接周围包装锚标记.但我认为如果我总能将所选链接包装在以下内容中会更加优雅:

<a id="current" href="link.html">link</a>

然后让开发人员通过css控制链接样式.

我正在尝试禁用特定链接并应用光标样式,但此CSS命令cursor: text;不会生效.光标始终是默认的.我正在使用最新的Firefox版本.

CSS:

pointer-events: none !important;
cursor: text;
color: Blue;

我想创建一个链接,并使用javaScript强制链接锚点,我尝试了以下内容: -

<a id="ServerSort" href="#" style="text-decoration:underline">

它运作良好,但点击<a>链接后页面将失去当前位置.

我需要链接有一个href,因为我需要鼠标来更改光标吗？

谁有人建议？

这是玩耍的FIDDLE.

我已创建<div class="foo">并使用生成的CSS内容.foo:after.
我希望通过设置链接来生成可生成的内容.

如果我.foo用锚包装它会创建一个链接.foo和.foo:after.
但是我想使.foo:after可点击区域,但不是.foo自己.

有没有办法可以使用纯CSS实现这一目标？也许改变加价？

HTML

<div class="container">
    <a href="http://example.com">
        <div class="foo"></div>
    </a>
</div>

CSS

.foo{
    width: 400px;
    height: 150px;
    background-color: #DFBDE0;
}

.foo:after{
    content: "";
    position: absolute;
    background-color: #CB61CF;
    width: 100px;
    height: 100px;
    right: 0;
}

Screeshot

我有条件,我想禁用或启用我的actionLink按钮.

我该怎么办？

@Html.ActionLink("Delete", "Delete", new { id = @Model.Id})

谢谢,

我一直在使用bootstrap 3.0,我想知道如何禁用list-group-item.

我试过的是将禁用的属性放在"a"标签中,但这没有任何影响.我还尝试添加具有相同结果的禁用类.

这里有一些例子:

<div class="list-group">
  <a href="#" class="list-group-item">Add New entry</a>
  <a href="#" class="list-group-item disabled">Delete Entry</a>
</div>

谢谢

由于我的上一个问题被标记为重复,虽然它没有重复,并且没有人将其更改回来,我将再次提出我的问题.

我有一个<a>,默认情况下有一个点击功能.这<a>也有一个悬停,我想保留.

如何禁用点击功能,但保持悬停？

Ps,我很想看到CSS解决方案!

重要!上次,我的问题被标记为此问题的副本:如何仅使用CSS禁用链接？,但pointer-events:none;也阻止了悬停.

如果它仍然是重复的,请将其标记为真正重复的问题的副本.

编辑:我忘了提一下,我的悬停是这样的:https: //jsfiddle.net/7o3dbak7/7/

HTML:

<div class="container">
  <ul>
    <li id="item1"><a href="somelinkthatistherebecauseitis">hoverable object</a></li>
    <li id="item2">text object, here comes alot of text explaining certain features of the website.</li>
  </ul>
</div>

CSS:

.container ul #item2 {
  display: none;
  width: 150px;
  padding: 20px;
  background: red;
  color: white;
  cursor: pointer
}

.container ul #item1 {
  pointer-events: none;
}

.container ul #item1:hover + #item2 {
  display: block;
}

我得到我的应用程序,在这里我想禁用问题html锚css,我已经看到了一个解决方案使用CSS禁用链接,这是在工作的罚款Chrome和Firefox,但是当我打开我的网页Internet Explorer,它不能被禁用,我已经通过了许多链接,但我没有得到任何解决方案的Internet Explorer,请帮助我,如果你有任何有用的链接或答案.提前致谢

http://jsfiddle.net/7EQJp/

<a href="link.html" class="active">Link</a>

.active {
       pointer-events: none;
       cursor: default;
}