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

Ratings
(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>

 

  • بازدید: 141

نوشتن دیدگاه

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

ارسال