ASP.Net 4.0 URLルーティングブロック実行中のメッセージ

Question

商品の詳細、商品画像、日付、商品のテキストが表示されている商品詳細ページがあります。私は記事の高さの私は記事のテキストコンテナの高さを取得し、同じ高さを割り当てるためにjavascriptを使用していないので、私は記事の左側に私は記事のボディの高さに等しい垂直青線を置く（div id = 'ArticleBlueSide'）（幅3ピクセル）に設定します。

青い線もURLルーティングなしで表示されていましたが、うまくいきましたが、URLルーティングを追加すると青い線が表示されません。

以下はスクリプトのブロックです。私の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によって提案されたソリューションを実装した後、ページのイラスト

の例青い線が長いテキストよりで、段落がその周りにパディングを持っているとして、私はそれを修正カントとして（これは、独自の問題があります。私の最初のそれはriffnlのソリューション@

Answer 1

次のスクリプトを移動し、問題を解決するdivタグの後に置きました。私はdivタグの前にこのスクリプトを保存すると、なぜ動作していないのかわかりません。

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

私は他の人からの返答をうかがいますが、これはスクリプトが動作したかったものです。

Answer 2

をルーティングURLの後に動作していないことを除いて解決策を移動するための方法でうまくいきました - あなたのパディングの問題を解決しますそうですね： http://jsfiddle.net/Wf6tA/

段落をクリックすると、それをマークするか、またはマークを解除することができます。