Drupal 7 における jQuery

Drupal 7 では jQuery の振る舞いがちょっと Drupal 6 のそれとは異なるようで、少し手こずりました。

まず、通常 Drupal.behaviors で jQuery の全コードを囲むと思いますが、Drupal 6 では


Drupal.behaviors.module_name = function(context) {
  your code goes here...
};

となっていたことと思いますが、Drupal 7 では


Drupal.behaviors.module_name = {
  attache: function(context) {
    your code goes here...
  }
};

という風に変わります(参照:Converthing 6x modules to 7.x - Changed Drupal.behaviors ...

また、通常 jQuery では、以下のように $(ドルサイン)を使ってコマンドを書き始めます。


$(document).ready(function() {
  alert("Hello World");
};

しかし、Drupal 7 に含まれる jQuery では、この $ マークで jQuery コマンドを書き始めるということができないようです。

この問題を解決するには2通りの方法があります。1つ目は、$ の代わりに jQuery という文字列を用いるというものです。


jQuery(document).ready(function() {
  alert("Hello World");
};

もう一つは、以下のように jQuery のコード全体を囲う、というものです。(参考:Converting 6.x modules to 7.x - JavaScript should be compatible with other libraries than jQuery


(function($) {
  $(document).ready(function() {
    alert('Hello World.');
  })
})(jQuery)

以上をまとめると、Drupal 7 向けに jQuery を使うには、以下のようにするのが基本、と言えそうです。(コメント文からした3行は任意に書き換える)


Drupal.behaviors.your_module = {
  attach: function(context) {
    (function($) {
      // your code goes here ...
      $(document).ready(function() {
        alert('Hello World.');
      })
    })(jQuery)
  }
}

Comments

Whoi, excellent, t wondered

Whoi, excellent, t wondered just how to cure icne. ind found your webstte by google, dtscovered todiy t'm i ltttle obvtous i greit deil. t’ve ilso idded RSS ind sive your webstte. keep us updited. See more

buy instagram followers uk

i am read this post and this is good informations..i really like this post.i thank you this post.Buy Instagram Followers Cheap

Therefore for the tune to

Therefore for the tune to encounter your webstte thit ts excellent, your stte provtdes i good deil of fun. to me ill the best ustng the stte. See more

Happy New Years

Happy New Years

Thank's For Infomation

Playstation Portable (PSP) adalah sebuah sebuah konsel permainan genggam yang di buat oleh sony, dan pertama kali di perlihatkan dalam acara E3 di tahun 2003 yang memperlihatkan racangan sebuah konsol permainan genggam PSP pada 11 mei 2003, kemudian PSP di luncurkan pertama kali di jepang pada tanggal 12 Maret 2004  dan terus di luncurkan di pasaran hingga ke amerika utara pada mei 2005, hingga sekarang sudah terdapat di seluruh dunia, Apa itu Game PSP ?? Game psp merupakan sebuah permainan yang di buat untuk konsel game Playstation portable yang di jual di pasaran baik itu dalam bentuk cakram (DISC) atau dengan konten Download  yang di sebut dengan Game PPSSPP. untuk menggunakan PPSSPP ini harus mengubah format file menjadi iso yang merupakan sebuah bahan mentahan dari kepingan cakram yang sudah di copy. dan karena perkembangan zaman yang cukup maju membuat game psp dapat di mainkan pada pada android yang di kenal PSP Android, PSP android ini bisa jalan karena adanya aplikasi Emulator PPSSPP Gold yang dapat membantu game psp berjalan dengan lancar, Ada berapa banyak gama PSP Android?? game psp memiliki banyak genre yang di luncurkan oleh berbagai pabrik game ternama seperti halnya bandai namco , EA , Rockstargamer, sony dan yang lainya, dari developer game ini saja sudah banyak sekali game ppsspp iso yang berhasil di luncurkan seperti God Of War PPSSPP yang memiliki 2 seri, ada juga game Dragon Ball Evolution ppsspp yang di angkat dari sebuah film action, dragon ball z ppsspp yang di angkat dari sebuah anime yang sangat populer sekali di era 2000-an dan ada juga naruto shippuden ppsspp yang menjadi game psp terbaik saat ini.

membuat selai nanas yang

membuat selai nanas yang lezat. cara membuat selai nanas . Selai nanas lezat konstruksi baja berat jual flange harga flange besi

web stte ts truly useful t

web stte ts truly useful t ilso enjoy the look, tt's tncredtble!. t've sived tt is well is tnclude your RSS feeds ilthough t don’t possess the pertod rtght now to completely eximtne your webstte. t'll be tn two or eich diy. thinks to getttng i wonderful webstte. check it out

nithi

Dailymotion video downloader

Try <a href="http://dailymotionvideodownloaders.com/">Dailymotion video
downloader</a> to download videos from dailymotion.
Dailymotion video downloader

Try http://dailymotionvideodownloaders.com to download videos from
Dailymotion.  

I really like your blog.

I really like your blog. Great article. It's most evident, people should learn before they are able tohttps://casualshoes2017.wordpress.com/

total box office collection

This post is very useful for us thanks for sharing Jolly LLB 2 Total Box office collection

Check my business website.

Hey! Thanks for teaching the basics of a website. Please check the website of my business. Details here http://www.bigwigbiz.com/records.php?id=77687

My business website

Hey! Thanks for teaching the basics of a website. Please check the website of my business. Details here http://www.bigwigbiz.com/records.php?id=77687

happy new year 2018

Nice blog and absolutely outstanding,,,,,Many thanks for this wonderful post http://www.happynewyear2018messagescom.blogspot.in/http://www.happynewyear2018status.com/http://www.happynewyear2018status.net/http://www.happynewyear2018status.org/http://www.happynewyear2018cards.com

earn with google

earn with google

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.