2012-10-19 105 views
-1

我有一個文本框和表格單元格內的跨度td。如果文本框包含無效的字符跨度,將出現一條消息。我的問題是,當消息(跨度)顯示文本框將被移動到左側,即使在td中有足夠的位置。這是代碼。我如何製作它以便它不會移動到左側。jquery顯示範圍的正確方法

<td style="text-align:left;"> 
    <asp:TextBox ID="txtWSName" runat="server"></asp:TextBox> 
    <span class="grayUrl" id="wrongNameSpan" style="display:none">wrong character</span> 
</td> 

 

$("#txtWSName").blur(function() { 
    var value = $(this).attr("value"); 
    if (!IsValidName(value)) { 
      $(this).addClass("missing"); 
      $("#wrongNameSpan").show("slow"); 
     } 
}); 
+0

請用你的html + js + css – rahul

+0

做一個jsfiddle而不是使用.show()使用.css('display','inl喔啉塊「)。通過使用.show,jQuery將顯示更改爲阻止,從而使您的跨度成爲一個整體,解釋爲什麼它會更改行。 –

+0

你的代碼在這裏工作,雖然... http://jsfiddle.net/UuGxx/1/ –

回答

1

嘗試

<td style="text-align:left;"> 
    <asp:TextBox ID="txtWSName" runat="server" style="float:left"></asp:TextBox> 
    <span class="grayUrl" id="wrongNameSpan" style="display:none; float:left;">wrong character</span> 
</td> 

如果仍然出現問題,那麼有可能是與寬度,填充,TD或輸入或SPAN

的保證金問題
+0

謝謝,這不是問題。 – user217648