2012-03-28 10 views
0

私はASP.NETプロジェクトで作業していて、インフィールドラベル用のjQueryスクリプトを使用しようとしましたが、内部の代わりにテキストボックスの上にラベルを表示しています。私はここに来ました。私のコードは以下の通りです。ありがとうございました!ありがとうございました! 、http://fuelyourcoding.com/scripts/infield/jQuery infield labelsプラグインがASP.NETプロジェクトと連携していません

@{ 
    ViewBag.Title = "LostPassword"; 
} 

@using (Html.BeginForm("LostPassword", "Account")) 
{ 
    <script type="text/javascript" src="../../Scripts/jquery.infieldlabel.min.js" ></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("label").inFieldLabels(); 
     }); 
    </script> 
    <fieldset> 
     <table class="layout full-width key-value"> 
     <tr> 
     <td> 
     <h2>Forgot your password?</h2> 
<br /> 
<p><b>To reset your account password:</b></p> 

<p><b>1.</b> Please enter your username in the below box and click "Reset". Your username could be your E-mail address, or it may be a username you created when you set up your account.</p> 
<p><b>2.</b> You will recieve an E-Mail with a link to reset your password. Follow the link and the instructions on that page to update your password.</p> 
</td> 
     </tr> 
      <tr> 
       <td style="position: relative"> 
        <label for="UserName" style="position:absolute; top:0; left:0">User Name</label> 
        @Html.TextBox("UserName") 
       </td> 
      </tr> 
     </table> 
     <input type="submit" value="Reset my password" /> 
    </fieldset> 
} 
+0

問題を示すフィーリングを投稿できますか? –

+0

申し訳ありませんが、フィドルですか? – Blake

答えて

1

は、ラベルのCSSおよびまたはテキストボックス(入力)負のマージンのようなもののためにオーバー外観を与える位置せずに浮い:ここ

は、私が使用しているjQueryのスクリプトへのリンクです付属しています。テキストボックスがクリックされたときに消えますか?それは、jQueryが100%大丈夫で、問題がCSS内にあることを意味します。

+0

さて、私はそれを見てみましょう、そして私は何かを見つけるとここに戻ってきます、それは消えて、あなたは問題がどこにあるのかが正しいです。 – Blake

+0

ページに影響を与えたCSSコードをすべて切り取ってテストしましたが、ラベルはまだテキストボックスの外に表示されています... – Blake

+1

大丈夫CSS {td:position}:relative}絶対の;トップ:0;左:0} –

関連する問題