jquery - 将$(document).ready与.change查询结合

我有两个疑问

$("#repositories").change(function (e) {
        var value = $(this).val();
        var src = "/images/logos/" + value + ".png";
        $("#img-product-logo").attr("src", src);
        getRepositoryBranches(value);
});

和

$(document).ready(function (e) {
        var value = $("#repositories").val();
        var src = "/images/logos/" + value + ".png";
        $("#img-product-logo").attr("src", src);
        getRepositoryBranches(value);
});

我想做的是在站点加载和存储库更改时结合两个jqueries来工作。

我到目前为止尝试过但无法按计划进行的工作是：

$("#repositories").change(function () {
        $(document).ready(function () {
            var value = $("#repositories").val();
            var src = "/images/logos/" + value + ".png";
            $("#img-product-logo").attr("src", src);
            getRepositoryBranches(value);
        })
});

和

$(document , "#repositories").on("load change", function () {
            var value = $("#repositories").val();
            var src = "/images/logos/" + value + ".png";
            $("#img-product-logo").attr("src", src);
            getRepositoryBranches(value);
});

我试图在网上搜索解决方案或一些帮助，但我没有运气。

任何帮助都将受到赞赏。

最佳答案

为此，您可以将change事件正常分配给#repositories元素，然后在页面加载时将其分配给trigger()：

jQuery(function($) {
  $("#repositories").change(function (e) {
    var value = $(this).val();
    var src = "/images/logos/" + value + ".png";
    $("#img-product-logo").attr("src", src);
    getRepositoryBranches(value);
  }).trigger('change');
});

关于jquery - 将$(document).ready与.change查询结合，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58214608/