文件内的函数准备好jquery？

Question

我试图找到一种方法将此函数放在jQuery中的document.ready函数中：

$('#font').change(function () {
    var selectedValue2 = $(this).val();
    if (selectedValue2 === 'Standard') {
        $('.3Dtxt').hide();
        $('.inlinetxt').hide();
    } else {
        if (selectedValue2 === '3D') {
            $('.3Dtxt').show();
            $('.inlinetxt').hide();
        }
        $('#' + selectedValue2).slideToggle();
    } if (selectedValue2 === 'Hiline') {
        $('.3Dtxt').hide();
        $('.inlinetxt').show();
    }
    $('#' + selectedValue2).slideToggle();

});

请有人帮帮我吗？

这不起作用：

$(document).ready(function () {
    $('#font').change(function () {
        var selectedValue2 = $(this).val();
        if (selectedValue2 === 'Standard') {
            $('.3Dtxt').hide();
            $('.inlinetxt').hide();
        } else {
            if (selectedValue2 === '3D') {
                $('.3Dtxt').show();
                $('.inlinetxt').hide();
            }
            $('#' + selectedValue2).slideToggle();
        } if (selectedValue2 === 'Hiline') {
            $('.3Dtxt').hide();
            $('.inlinetxt').show();
        }
        $('#' + selectedValue2).slideToggle();

    });

});

Answer 1

您可以在其周围包装文档就绪标记：

$(document).ready(function(){
    $('#font').change(function(){
        var selectedValue2 = $(this).val();
        if (selectedValue2 === 'Standard') {
            $('.3Dtxt').hide();
            $('.inlinetxt').hide();
        } else {
            if (selectedValue2 === '3D') {
            $('.3Dtxt').show();
            $('.inlinetxt').hide();
            }
            $('#' + selectedValue2).slideToggle();
        }if (selectedValue2 === 'Hiline') {
            $('.3Dtxt').hide();
            $('.inlinetxt').show();
            }
            $('#' + selectedValue2).slideToggle();

    });
}); 

但是如果你的意思是你希望它在准备好文件时启动，你只需要改变你的第一行：

$(document).ready(function(){
        var selectedValue2 = $('#font').val();
        if (selectedValue2 === 'Standard') {
            $('.3Dtxt').hide();
            $('.inlinetxt').hide();
        } else {
            if (selectedValue2 === '3D') {
            $('.3Dtxt').show();
            $('.inlinetxt').hide();
            }
            $('#' + selectedValue2).slideToggle();
        }if (selectedValue2 === 'Hiline') {
            $('.3Dtxt').hide();
            $('.inlinetxt').show();
            }
            $('#' + selectedValue2).slideToggle();

    });

Answer 2

也许这个？

$( document ).ready(function() {
// Your Code
});