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

保护或启用';href';使用jQuery或Javascript的链接的属性,javascript,jquery,html,css,bootstrap-modal,Javascript,Jquery,Html,Css,Bootstrap Modal,我需要一种方法来强制/保护)的href属性。当你点击一个缩略图时,它会触发javascript,打开一张照片并使屏幕的其余部分变暗。触发javascript的HTML如下所示: <section class="thumbnails"> <div> <a href="images/thumb_big.png"> <img src="images/thumb.png" alt="" />

我需要一种方法来强制/保护
)的href属性。当你点击一个缩略图时,它会触发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属性被禁用。它已经不存在了,当我在firebug中检查html时,它显示它只是一个空的
-标记,添加了一些css属性。我在模板的javascript文件中找不到这样做的段落。 所以我正在寻找一种javascript或jquery方法来覆盖它

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


或者强制保护href属性?

您可以尝试这样添加它:

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

$(“.modal body”).find('a').attr('href','overview.html');

您可以尝试这样添加它:

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

$(“.modal body”).find('a').attr('href','overview.html');

您可以尝试以下代码:

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

您可以尝试以下代码:

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






找到正在做你不想做的事情的JavaScript并处理它。@t.J.Crowder在我的索引文件中用几行代码覆盖它不是更容易吗?模板中有3个js文件(当然在jquery.js旁边),当我试图扫描它们时,找不到正确的段落:(找到正在做你不想做的事情的JavaScript并处理它。@t.J.Crowder在我的索引文件中用几行代码覆盖它不是更容易吗?模板中有3个js文件(当然在jquery.js旁边),我在尝试扫描它们时找不到正确的段落:(有效!即,警报在单击测试后打开!但我如何将其转换为打开url?我尝试将
onclick=“alert(1)”
onclick=“overview.html”
进行交换,但这不起作用..你可以使用onclick=“window.open('overview.html')”太好了!非常感谢!很有效!也就是说,警报是在单击测试后打开的!但是我如何才能将其转换为打开url?我尝试将
onclick=“alert(1)”
onclick=“overview.html”
进行交换,但这不起作用。你可以使用onclick=“window.open('overview.html')”太好了!非常感谢!非常感谢你的帮助!!我原以为这就是我要找的代码,但不幸的是href还没有回来..非常感谢你的帮助!!我原以为这就是我要找的代码,但不幸的是href还没有回来..我不明白这与我的问题有什么关系我不知道理解这与我的问题之间的关系