使用jQuery或Javascript保護或啟用鏈接的'href'屬性

Question

我需要一種強制/保護<a> -tag的href屬性的方法，因為它會被未知的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>

該模式有效，但其中的鏈接<a href="overview.html">的href屬性被禁用。 它不再存在了，當我在螢火蟲中檢查html時，它表明它只是一個空的<a> -tag，並添加了一些css-attributes。 我在執行此操作的模板的javascript文件中找不到段落。 因此，我正在尋找一種JavaScript或jquery方式來覆蓋它！

有沒有一種方法可以將href屬性“強制”到索引文件腳本部分中的鏈接上？

還是要強制保護href屬性？

Answer 1

您可以嘗試像這樣添加它：

<script type="text/javascript">
   $(".modal-body").find('a').attr('href','overview.html');
</script>

Answer 2

您可以嘗試以下代碼：

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

Answer 3

    <section class="thumbnails">
                                    <div>
                                        <p >
                                            <img src="images/thumbs/01.jpg" alt="" />


                                          <a  href="images/fulls/01.jpg">
                                              Lorem ipsum dolor sit amet
                                          </a>  
                                        </p>

                                    </div>

                                </section>
</section