jquery - ASP.Net 4.0 URL 路由阻止 javascript 运行

Question

我有文章详细信息页面，其中显示文章图像、日期和文章文本等文章详细信息。在文章的左侧，我放了一条垂直的蓝线，它等于文章正文的高度，因为我不确定文章的高度，所以我使用 javascript 来获取文章文本容器的高度并分配相同的高度到宽度为 3 像素的垂直蓝色条 (div id='ArticleBlueSide')。

在没有 URL 路由的情况下，它工作正常，蓝线也出现了，但是当我添加 URL 路由时，蓝线没有出现。

下面是脚本 block 和我的 HTML div 包含。

我正在使用 C# 处理 ASP.Net 4.0 Web 表单。

如果有人能帮我解决这个设计问题，我将不胜感激。

$(document).ready(function () {
    var h = document.getElementById("ArticleTextArea").offsetHeight;
    h = h - 25;
    document.getElementById("ArticleBlueSide").style.height = h + "px";
});


<div id="ArticleContainer">
     <div id="ArticleBlueSide"></div>
     <div id="ArticleTextArea">
          <asp:Label ID="lblArticleDetails" CssClass="PageBodyText" runat="server"  meta:resourcekey="lblArticleDetailsResource1"></asp:Label>
     </div>
</div>

页面插图示例

在实现 riffnl 建议的解决方案之后(这有它自己的问题，因为蓝线比文本长，我无法修复它，因为段落周围有填充。我的第一个解决方案工作正常，除了它在 URL 路由后不起作用

Answer 1

@riffnl 的解决方案是要走的路——像这样解决你的填充问题: http://jsfiddle.net/Wf6tA/

请注意，您可以单击段落来标记或取消标记它。