链接 click(): jQuery 函数体未到达

Question

我正在尝试将侧边栏 div 的高度与另一个 div 的高度对齐，通过单击链接访问（显示/隐藏）。到目前为止我实现的解决方案是为每次点击附加一个函数，并为侧边栏 div 设置 $('').height(height)。 '当然，它在 IE7 中不起作用，尽管它在 IE8 和 firefox 中很棒。

JS代码：

     function BindResizeSideBar() {
        $('div#containerFloat div#tabs-box a').each ( function() {
            var targetId = this.getAttribute('href');
            if($('div#' + targetId).length == 0) return;
            $(this).bind('click', function() {
                var height = $('div#' + targetId).height() + 90;
                alert(targetId + ', ' + height);
                $('div#divSavedSearchesSideBar div.leftSide').height(height);
            });
        });
        // init: click on tabProfile;
        $('div#containerFloat div#tabs-box a[href=#tabProfile]').click();
    }

HTML 结构：

<div#content-side.searchProspects>
    <div#sidebar style="float: left; width: 15%;">
    <div#divTabContainer>
        <div#header>
        <div#containerFloat>
            <div#tabs-box>
            <div#tabContent1>
            <div#tabContent2>
            ...
            <div#tabContent6>

Answer 1

稍后再发出两个警报指令，问题就被发现了。在 IE7 中，this.getAttribute('href') 返回完整地址 (http:// .... #tabIdentifier)，而在其他浏览器（包括 IE8）中，它返回的是 href 中的实际字符串，即“#tabIdentifier”。

通过添加一点字符串处理解决了问题：

 targetId = targetId.substring(targetId.lastIndexOf('#'));

Answer 2

你调用那个函数吗？它在其他浏览器中是否有效？试试这个：

 function BindResizeSideBar() {
    $("div#containerFloat div#tabs-box a").each (function() {
        var targetId = $(this).attr("href"); // starts with #
        if($("div" + targetId).length == 0) return;
        $(this).bind("click", function() {
          var height = $("div" + targetId).height() + 90;
          alert(targetId + ', ' + height);
          $("div#divSavedSearchesSideBar div.leftSide").height(height);
        });
    });
    // init: click on tabProfile;
    $('div#containerFloat div#tabs-box a[href=#tabProfile]').click();
}

在您的 HTML 代码中，id 由 id 属性给出，而不是由 # 给出：

<div id="xxxxxx" ...></div>