Question

此div包含使用bootstrap glypicon打开弹出窗口的链接

<div class="panel-heading" id="divHeading">
                <div class="panel-title">
                    My Header
                    <a href="#" id="lnkPopup" data-toggle="modal" data-target="#bs-example-modal-lg">
                        <span class="glyphicon glyphicon-briefcase pull-right" id="spOpenWindow"></span>
                    </a>
                </div>
            </div>

初始页面加载应该禁用链接。

$(document).ready(function () {       
        $("#lnkPopup").off();
    });

但它没有删除click属性，任何想法？

Answer 1

$("#lnkPopup").click(function(e){
    e.preventDefault();
    return false;
});

Answer 2

我更喜欢使用CSS。

＆＃13;

#lnkPopup{
   pointer-events: none;
      cursor: default;
      color: gray;
  }
</style>

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<div class="panel-heading" id="divHeading">
  <div class="panel-title">
      My Header
       <a href="#" id="lnkPopup" data-toggle="modal" data-target="#bs-example-modal-lg">
           <!--<span class="glyphicon glyphicon-briefcase pull-right" id="spOpenWindow"></span>-->
           <span class="glyphicon glyphicon-briefcase" id="spOpenWindow"></span>
        </a>
   </div>
</div>

＆＃13;

Answer 3

我之前从未见过off（），但为什么不使用disabled，然后点击查看？像这样：

<a href="#" id="lnkPopup" data-toggle="modal" data-target="#bs-example-modal-lg" disabled>
    <span class="glyphicon glyphicon-briefcase pull-right" id="spOpenWindow"></span>
</a>

然后在你的javascript中：

$("#lnkPopup").on("click", function(event)
{
    if ($(this).prop("disabled"))
    {
        event.preventDefault();
    }
});

通过这样做，您只需执行以下操作即可再次启用它：

$("#lnkPopup").prop("disabled", false);

如果你想再次动态禁用它，那么就这样做：

$("#lnkPopup").prop("disabled", true);

如果您只是更改了点击事件，那么您每次都要混淆事件，而不仅仅是禁用的属性。

更新

好的，我想我现在明白你的意思了。由于javascript尚未加载，因此您无法禁用点击事件。为什么不通过使用＆＃34; display：none＆＃34;来隐藏它。像这样：

<a href="#" id="lnkPopup" data-toggle="modal" data-target="#bs-example-modal-lg" style="display: none;">
    <span class="glyphicon glyphicon-briefcase pull-right" id="spOpenWindow"></span>
</a>

然后在javascript中执行：

$("#lnkPopup").css("display", "");

请告诉我这是否适合您。

禁用Bootstrap glyphicon

3 个答案:

更新