Question

编码此功能我无法找到原因无效。

我知道JS文件已加载，因为其中的其他函数正在运行，但具有此格式的那些函数不是：

$(function () {
....
});

这个想法是当你点击一个特定的div（类addWidget）时显示一个模态窗口，之后Jquery函数将计算一些div并在模态窗口中显示它们（之前），如果你想要检查它们。

代码是下一个：

- JQUERY -

$(function () {
    $('.addWidget').on('click', function () {
        $('.modal-body').empty();
        $('.modal-title').text('Añadir Widget');
        $('.box:hidden').each(function () {
            $('.modal-body').append('<input type="checkbox" value="' + $(this).attr('name') + '"> ' + $(this).attr('name') + '</input><br />');
        });
        if ($('.modal-body').children('input').length > 0) {
            $('#modal').modal('show');
        } else {
            $('.modal-title').empty();
            $('.modal-body').text('Todos los widgets estan desplegados');
            $('#modal').modal('show');
            return false;
        }
    });
});

当我点击div时，没有任何反应...... :(

编辑：

至少尝试这种方法是进入我的Jquery函数：

function addWigdet() {
    $('.modal-body').empty();
    $('.modal-title').text('Añadir Widget');
    $('.box:hidden').each(function () {
        $('.modal-body').append('<input type="checkbox" value="' + $(this).attr('name') + '"> ' + $(this).attr('name') + '</input><br />');
    });
    if ($('.modal-body').children('input').length > 0) {
        $('#modal').modal('show');
    } else {
        $('.modal-title').empty();
        $('.modal-body').text('Todos los widgets estan desplegados');
        $('#modal').modal('show');
        return false;
    };
} (jQuery);

onclick="javascript:addWigdet()"

可是：

$('#modal').modal('show');

崩溃......关于此元素的某些内容不支持模态（'show'） ......

Answer 1

尝试使用

(function ($) {
    ....
})(jQuery);

Answer 2

那么，

终于找到了。如果你们都有同样的问题，请共享以避免这个问题。

我解决了另一种方式，可能不是正确的方法，而是解决它。

问题与使用母版页并在里面加载特定的jquery函数有关，因此，为了解决这个特定函数的特定问题（真的很奇怪，其他函数正在运行），我决定加载函数每个需要它的页面......

希望它适合你们。

Jquery不工作。我无法理解

2 个答案: