Question

Site.js

/* blur on modal open, unblur on close */
$('#aboutsbaims').on('show.bs.modal', function () {
    $('#mycontent').addClass('blur');
});

$('#aboutsbaims').on('hide.bs.modal', function () {
    $('#mycontent').removeClass('blur');
});

这段代码是否合适？它不起作用。我检查了div id名称，它们是正确的。没有拼写错误

这是我详细问题的链接。请尽快回答 Want to blur the background on twitter-bootstrap modal load. The javascript code is not working

Answer 1

尝试将代码包装在DOM就绪处理程序$(function() { ... });中，以确保所有DOM元素都已正确加载，因为您已将Site.js包含在页面的<head>部分中。

$(function() {
    /* blur on modal open, unblur on close */
    $('#aboutsbaims').on('show.bs.modal', function () {
        $('#mycontent').addClass('blur');
    });

    $('#aboutsbaims').on('hide.bs.modal', function () {
        $('#mycontent').removeClass('blur');
    });
});

是在asp.net中正确的以下js代码

1 个答案: