لن يعمل تكبير Jquery [مغلق]

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

سؤال

أحاول تنفيذ Jquery تكبير على موقع الويب الخاص بي الذي يعتمد على Joomla على صور الكتالوج.لا أستطيع تشغيل هذا الشيء، فهل يمكن لأي شخص مساعدتي في حل هذه المشكلة؟

لقد أضفت هذه البرامج النصية في الرأس:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
<script src="http://www.myurl.mk/templates/beez_20/javascript/jquery.zoom.js"></script>

هنا هو الخطأ الذي يعطيه:

Uncaught TypeError: Object #<HTMLDocument> has no method 'ready'
(anonymous function)

هنا رابط لمثال لموقعي

هنا هو الكود الخاص بي:

<script>
        $(document).ready(function(){
            $('#ex1').zoom({url: '<?php echo $this->item->imageXLarge; ?>'});
        });
    </script>
      <div class="itemImageBlock" style="float:none;">
          <span class="itemImage" id="ex1">
                <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
          </span>
هل كانت مفيدة؟

المحلول

لقد رأيت صفحتك ووجدت أنك تقوم بتحميل ملف jQuery بعد الملفات التابعة.هناك العديد من الأخطاء في وحدة التحكم.الأول هو jQuery غير محدد.انقل ملف jQuery الخاص بك قبل كافة ملفات البرامج النصية الأخرى.

بعد نقل jQuery إلى الأعلى، يبدو موقعك على ما يرام.لقد أرفقت لقطة كما طلبت.enter image description here

نصائح أخرى

في صفحة المثال الخاصة بك، أنت تقوم باستيراد ks2.js قبل jquery.js.

ينبغي أن يكون هذا العنصر الأول بعد الخاص بك <head> بطاقة شعار:

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top