javascript - 使用 jQuery 或 Javascript 保护或启用链接的 'href' 属性

Question

我需要一种方法来强制/保护 <a> 的 href 属性-tag，因为它被未知的 js 禁用了。

我有一个使用模板的网页(这个:http://templated.co/visualize)。当您单击缩略图时，它会触发打开照片并很好地使屏幕其余部分变暗的 javascript。触发 javascript 的 HTML 如下所示:

<section class="thumbnails">
    <div>
        <a href="images/thumb_big.png">
            <img src="images/thumb.png" alt="" />
            <h3>Overview</h3>
        </a>
    </div>
</section>

但是我不需要它来拍摄照片:我想要可点击的缩略图来打开模式。我相应地调整了它:

<section class="thumbnails">
    <div>
        <a href="" data-toggle="modal" data-target="#myModal">
            <img src="images/thumb.png" alt="" />
            <h3>Overview</h3>
        </a>
        <!-- Modal -->
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <img style="float:left" src="images/thumb_big.png" />
                        <p><a href="overview.html">Overview</a> beinhaltet eine Auflistung</p>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

模态有效，但链接的 href 属性 <a href="overview.html">它的内部被禁用。它不再存在了，当我在 Firebug 中检查 html 时，它显示它只是一个空的 <a> - 添加了一些 css 属性的标签。我在模板的 javascript 文件中找不到执行此操作的段落。 所以我正在寻找一种 javascript 或 jquery 方法来覆盖它!

有没有办法将 href 属性“强制”到索引文件脚本部分的链接上？

或者强制保护 href 属性？

Answer 1

你可以试试这段代码:

<a href="javascript:void(0)" onclick="alert(1);">test</a>