به آموزشگاه مجازی سینا خوش آمدید!

اضافه کردن کد جی کوئری در جوملا با کلاس JHtml

امتیاز
(0)

برای استفاده از جی کوئری در کدهای یک قالب جوملا، می توانیم از متد آندرلاین(_) در کلاس JHtml استفاده کنیم. برای انجام این کار، می توانیم دتسو زیر را مورد استفاده قرار دهیم:

<?php
  JHtml::_('jquery.framework');
?>

با استفاده از کد بالا، می توانیم پس از آن، در داخل عنصر <body> از یک تگ <script> استفاده کنیم و کدهای جی کوئری خود را در حالت no conflict یعنی با استفاده از دستور jQuery در آن قرار دهیم. اما اگر بخواهیم از علامت $ یا همان حالت نرمال استفاده کنیم، می توانیم از کد زیر به جای کد بالا استفاده کنیم:

<?php
JHtml::_('jquery.framework', false);
?>

بررسی یک مثال

<?php
  JHtml::_('jquery.framework');
?>
<script>
//دستور زیر برای تنظیم بنرهای بالای سایت است
jQuery("#top5,#top3").removeClass("col-sm-4").addClass("col-sm-6");
jQuery("#top5 .banneritem img").css("float","left");

// دستور زیر برای حذف ماژول ها از سمت راست و قرار دادن آنها در سمت چپ است
//برای اینکه لینک ها در نسخه ی موبایلی در بالای مقاله قرار نگیرند
//و در زیر مقالات قرار بگیرند
jQuery('#content_left').remove().insertAfter(jQuery("#content_main"));
//jQuery('#content_left').remove().insertAfter(jQuery("#content_main"));

</script>

 

  • بازدید: 198

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال