Question

我动态创建一个模态并动态设置模态中链接的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并且它在那里工作，我不知道为什么？！

Answer 1

第一次看后，它是我们脚本的东西，onclick函数不会将你的href附加到<a>的href。尝试按照这些来调试代码：

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

2-尝试在追加它后调试hlog：$('.js-new-link').attr()

3-确保没有其他功能通过返回false或preventDefault

来覆盖事件

4-将脚本放在<body>标记

的末尾

Answer 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) {

            }
    });
});

模态中的bootstrap链接无法打开新窗口

2 个答案: