jquery - 在頁面的 html 框架內禁用 href

Question

我有一組由 javascript 函數選擇的 html 元素，我想將它傳遞給 jquery 並禁用此列表中的所有 html 鏈接。請告訴我，如何實現這一點。

var links = window.frames[1].document.getElementsByTagName("a");

如果它是普通的單個 html 頁面，那么我可以使用下面的 jquery 函數選擇鏈接並禁用鏈接。 由於我有與此相關的 html 框架，因此 jquery 無法選擇框架元素。

所以我使用javascript選擇了它，即“鏈接”。

$("a").click(function (event) {
        event.preventDefault();
    });

HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="-1">

</head>
<body>
<div id="wrapper">
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
                    <li>
                    </li>
                    <li>
                        <a id ="test" href="/Frame1.html" target="detail"><i class="demo-icon icon-chart-line fa-fw"></i> Status<span class="demo-icon icon-right-open-1"></span></a>
                    </li>
                    <li>
                        <a href="/Frame2.html" target="detail"><i class="demo-icon icon-flow-tree fa-fw"></i> Setup<span class="demo-icon icon-right-open-1"></span></a>
                    </li>

                </ul>
                <div id="navfooter">

                    <div id="copyright-loader">
                        <!--<i class="demo-icon icon-spin6 animate-spin" style='font-size:6em; color:#31bbd6;'></i> <br><br>-->
                        <img alt="logo" class="img-responsive" src="../images/logo.jpg" />
                    </div>

                    <br clear='all' /> <br />

                </div>

            </div>
        </div>
    </nav>
</div>
<p>&nbsp;</p>
</body>
</html>

謝謝

Answer 1

將 css 樣式 pointer-event:none 添加到錨標記。

document.getElementsByTagName("a")[0].style.pointerEvents = "none";

用 chrome 和 firefox 測試它工作正常。 但在 IE 中它不起作用

或從錨標記中刪除 href 屬性

document.getElementsByTagName("a")[0].removeAttribute("href");

jquery - 在頁面的 html 框架內禁用 href

問題描述

1 個解決方案

解決方案1
1 2016-04-06 14:19:36

jquery - 在頁面的 html 框架內禁用 href

問題描述

1 個解決方案

解決方案1 1 2016-04-06 14:19:36

解決方案1
1 2016-04-06 14:19:36