javascript - 为什么 .on 不能在我的 $(document).ready() 函数中使用？

Question

该页面可以在以下位置查看

http://cistrome.org/cps/seqconfig?did=2693

当在 Firebugs 中加载时，它给我这个错误:

TypeError: $(".open_gene").on is not a function
[Break On This Error]   

$(".open_gene").on('change', function(event) {

但是，如果我在 Firebug 的控制台中输入此表达式，则可以将其作为函数进行计算，不会出现任何问题:

>>> $(".open_gene").on
function()

我想知道导致此问题的原因是什么。有人对此有想法吗？谢谢!

Answer 1

.on()从 jQuery v1.7 开始可用，您的网站中有版本 1.6.4

编辑

在您的 html 中，您加载版本 1.6.4，然后在 javascript 中加载版本 1.7.2，但您的 bindingssites.js 在版本 1.7.2 之前加载，因此 .on() 不可用当时但稍后在控制台中。我建议将 jquery 后备加载器放在第一个 jQuery 脚本之后

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
    function check_jquery() {
        //console.log('jquery');
        var jquery = window.$ || window.JQuery;
        //console.log('jquery: '+(jquery?(jquery.fn?jquery.fn.jquery:'null'):'null'));
        if (jquery === undefined || jquery.fn.jquery !== '1.7.2') {
            mygene.loadfile(mygene.url_root + 'js/jquery-1.7.2.min.js', 'js', check_jquery_ui);
            //console.log('jquery: loaded');
        } else {
            check_jquery_ui();
        }

    };
    check_jquery();
</script>