Autogrow البرنامج المساعد مسج على المحتوى الديناميكي في Internet Explorer

https://stackoverflow.com/questions/1430851

07-07-2019
|

سؤال

أنا باستخدام البرنامج المساعد هنا http://plugins.jquery.com/project/autogrow و لدي مشكلة في الإنترنت إكسبلورر (لم فايرفوكس)

انظر التعليمات البرمجية أدناه:

<script type="text/javascript">
    $(document).ready(function() {
        $('#main').html('<textarea class=\"test\">aaaa</textarea>');
        $('.test').autogrow();
</script>

</head>

<body>
<div id="main">
</div>
</body>
</html>

أساسا إذا كان العنصر هو جديد بعد بداية الصفحة لا يعمل.اذا دخلت على البرنامج المساعد قليلا و تغيير هذه الخطوط باستخدام livequery (خط 68)

        this.textarea.livequery(function() {
    $(this).focus(function() {self.startExpand()});
    $(this).blur(function() {self.stopExpand()});
        });

ولكن هذا لا يزال لا يعمل على الرغم من أن فايرفوكس هو موافق.

يمكنك أن تساعد ؟

المحلول

لقد جعلت من العمل في كروم/سفاري بجعل التغييرين التاليين:

في التعليمات البرمجية الخاصة بك تغيير "$('#main').html('<textarea class=\"test\">aaaa</textarea>');"لتشمل line-height أسلوب, على سبيل المثال:"$('#main').html('<textarea class=\"test\" style=\"line-height: 16px\">aaaa</textarea>');"
تغيير خط 50 من jquery.autogrow.js الملف من "if(this.line_height == NaN)"إلى "if(isNaN(this.line_height))"

تأثير جدا القلقة في كروم/سفاري, هذا يبدو أن يكون أن تفعل شيئا مع بكت التقارير تطبيقها حديثا ارتفاع textarea كما 4px أقل ثم قمت بتعيين أنه إلى أفترض أن هذا يرجع إلى مربع نموذج وبعض المتصفح تطبيق الأساليب, ولكن أنا لا أعرف.أنا سعيد مع تأثير في FF ثم يجب العمل ، كما انها أيضا تماما القلقة في فايرفوكس.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow