文档就绪 jquery 中的函数

function inside document ready jquery?

本文关键字：函数 jquery 就绪文档更新时间：2023-09-26

>我正在尝试找到一种方法将这个函数放在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();
    });
});

您可以在它周围包装文档就绪标签：

$(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();
    });

也许这个？

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