javascript - 使用 jQuery 调用多个函数。 ('click' ...)

Question

我有两个并排的 div。左侧(方法)div 包含链接，单击这些链接时，会使用“.load”从外部 html 文件将一些文本加载到右侧(描述)div 中。我还有一些脚本来将“方法”div 的高度与“描述”div 的高度相匹配，我已将其放入函数中。

我的问题是，我无法在与文本加载脚本相同的单击中运行高度匹配函数。目前，单击链接会根据我的需要加载文本，但直到再次单击链接时才会发生高度匹配。

我对 javascript/jQuery 很陌生，所以对任何和所有解决方案都持开放态度，包括完全重写代码(如果需要的话)。

代码可以在这里“运行”:http://plnkr.co/edit/1CW1a7XNu73Kyo4xPMyg?p=preview

$(document).ready(function() {
    
    function matchDesc() {
        var hh = document.getElementById("descriptions").offsetHeight;         
        document.getElementById("methods").style.height = hh + "px";
    }

     $("#content").on('click', '#link', function(){
        var str = $(this).attr('class');
        var sect = str.slice(-1);
        $("#descriptions").load("descriptions.html #description-" + sect);
        $("#methods li a").css('color','#3164BE');
        $(this).css('color','red');

        matchDesc();
    });                     
                      
    window.onload = function() {
    matchDesc();
        }
});

Answer 1

此处修复代码:http://plnkr.co/edit/lcAmQ9wcIGLJ9JjDi3HD?p=preview

$(document).ready(function() {

  function matchDesc() {
    var hh = document.getElementById("descriptions").offsetHeight;
    document.getElementById("methods").style.height = hh + "px";
  }

  $("#content").on('click', '.link', function() {
    var str = $(this).attr('id');
    var sect = str.slice(-1);
    $("#descriptions").load("descriptions.html #description-" + sect,
      function() {
        $("#methods li a").css('color', '#3164BE');
        $(this).css('color', 'red');
        matchDesc();
      });

  });

  window.onload = function() {
    matchDesc();
  }
});

正如arun所说，您需要在load事件完成后调用进行matchDesc