模态中的引导链接未打开新窗口答案

【问题标题】：bootstrap link in modal doesn't open new window模态中的引导链接未打开新窗口
【发布时间】：2018-01-04 05:40:41
【问题描述】：

我动态创建一个Modal并动态设置Modal中链接的href属性。（创建模态时无法设置href）

如果我点击按钮，它不会打开按钮的链接

我的按钮在模态中这样显示

<a data-temp_code="123456" class="btn btn-sm c_button js-printpdf-offer" type="button" target="_blank" href="http://someurl.com/docs/getArticle.php?code=123456"><i class="glyphicon glyphicon-print"></i> Open Link</a>

有人知道问题出在哪里吗？

我创建了一个Jsfiddle，它在那里工作，我不知道为什么？！

【问题讨论】：

任何带有 href 的链接 <a> 都会打开该链接，除非有什么东西阻止了它。您可能有一些其他代码/事件处理程序在所有链接或模式中的所有链接上返回 false/preventsDefault。点击时可以在浏览器的调试器中单步执行吗？
请向我们提供重现错误的最少代码。截至目前，该代码不包含错误。

标签： jquery twitter-bootstrap bootstrap-modal

【解决方案1】：

乍一看，这与我们的脚本有关，onclick 函数不会将您的href 附加到<a> 的href。尝试按照这些来调试您的代码：

1-$(document).ready(function(){.....});

2- 在添加 href 后尝试 console.log：$('.js-new-link').attr()

3- 确保没有其他函数通过返回 false 或 preventDefault 来覆盖事件

4- 将您的脚本放在<body> 标签的末尾

【讨论】：

【解决方案2】：

我在链接上也有一个“点击”事件...我将其注释掉，然后它就可以工作了...但我不知道为什么？！这是点击事件的代码？

$(document.body).on('click', '.js-printpdf-offer', function(event) {
    event.preventDefault();

    if($('#onlyInternModal.in').length > 0) {
        $('#onlyInternModal.in').modal("hide");
    }

    var temp_code = $(this).data("temp_code");
    var make = $('.js-hersteller').val();
    var model = $('.js-typ').val();
    var model_id = $('.js-model-id').val();
    var caption = '';

    $.ajax({
            type: "POST",
            url: "ajax/saveAction.php",
            data: {
                temp_code:temp_code,
                make:make,
                model:model,
                model_id:model_id,
                caption:caption,
            },
            success: function(data) {

            }
    });
});

【讨论】：

啊 f**** 我删除了 preventDefault 并且它起作用了...有时我看不到树木的树木 ;-) 感谢大家的快速帮助...