تترك الرسوم المتحركة Inpupt Box في jQuery "درب" ، أي طريقة للتخلص منها؟

StackOverflow https://stackoverflow.com/questions/2338065

  •  22-09-2019
  •  | 
  •  

سؤال

باستخدام jQuery لتحريك مربع نص ASP.NET عندما يتم تركيزه يترك الرسوم المتحركة الخلفية في Firefox 3.5.

لم يعد التأثير مرئيًا بعد تعديل مربع الإدخال لعدم وجود حدود. لا يحتوي الصندوق العلوي على حدود ولا يحتوي على رسوم متحركة زائدة ، في حين أن الصندوق السفلي ذو الحدود لا يزال لديه رسوم متحركة زائدة.

jQuery كما يلي:

$(document).ready(function(){
    $("input").focus(function(){
        $(this).animate({width:"500px"}, "fast")
    }).blur(function(){
        $(this).animate({width:"200px"}, "fast")
    });
 });  

محتويات الجسم هي:

<form runat="server">
<div>
<p><asp:TextBox width="200px" runat="server"/></p>
<p><asp:TextBox width="200px" runat="server"/></p>
</div>
</form>

هل هناك أي طريقة للتخلص من الرسوم المتحركة الخلفية حيث يتم توسيع مربع النص؟ إن الرسوم "Fast" يساعد قليلاً ، إنه أسوأ بكثير عندما تبطئ. تزداد المشكلة سوءًا عندما يكون هناك لون.

شكرا مقدما.

هذا ليس شيئًا يمكن رؤيته في Internet Explorer 8 أو Chrome أو Opera.

هل كانت مفيدة؟

المحلول

أنا أستخدم Firefox على Linux وهو يعمل بشكل مثالي. إنه يتعلق بنظام تقديم الحقول. حاول تحديد الحدود وخلفية الحقول في CSS بحيث يتم عرضها بشكل مسطح ومعرفة ما إذا كان يغير أي شيء.

اسأل المزيد من الناس إذا رأوا المشكلة. أنا لا.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top