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

及

我想做的是将这两个jQuery结合起来，以便在站点加载和存储库更改时都能工作

到目前为止，我一直在尝试，但没有按计划工作：

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

及

我试着在网上搜索解决方案或一些帮助，但没有成功

---

非常感谢您提供的任何帮助。

要实现这一点，您可以将

更改

事件按正常方式分配给

#repositories

元素，然后在页面加载时触发它：

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');
});

---

要实现这一点，您可以将

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');
});

---

我相信您一定已经想到了这一点，但是为什么不创建一个函数并根据需要调用它呢

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

---

如果我遗漏了什么，或者误解了您的查询，请告诉我。

我相信您一定已经想到了这一点，但是为什么不创建一个函数并根据需要调用它呢

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

---

如果我遗漏了什么，或者误解了您的查询，请告诉我。

谢谢您提供的解决方案。我们通常避免使用函数，除非是绝对必要的。啊，明白了。选择的答案更优化、更紧凑、更高效！感谢您提供此解决方案。我们通常避免使用函数，除非是绝对必要的。啊，明白了。选择的答案更优化、更紧凑、更高效！非常感谢您的帮助和解决方案！没问题，很高兴为您提供帮助非常感谢您的帮助和解决方案！没问题，很乐意帮忙