2012-03-03 13 views
3

私はjoomla 2.5純正インストールをインストールしましたが、JQueryは動作しません.Joleryをjoomlaで動作させるにはどうすればいいですか? joomlaと一緒に来ていないデフォルトのJQueryライブラリですか?Joomla Jqueryが動作しません、なぜですか?

+0

JQueryが機能していないことをどのように知っていましたか? – mgraph

+0

コンソールで$( 'body')を一度実行するとnullが返されます。つまり、jqueryライブラリはありません。ではない ? –

+4

@Gihan Dilusha - Joomlaはデフォルトでmootoolsを使用しますが、joomlaにjqueryを追加(使用)することができます。質問はjqueryを使用している場所です。つまり、テンプレートや拡張機能の意味です。もう一つの主な問題は、多くの時間mootoolsとjqueryの競合です。 – w3uiguru

答えて

10

あなたはテンプレートで次のようにjqueryのを追加することができます -

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/YOUR_TEMPLATE_NAME/PATH_TO_JAVASCRIPT_FOLDER/YOUR_JQUERY.js"></script> 
  • テンプレート - あなたの名前はJAVASCRIPTフォルダへ
  • PATHをテンプレート - その後、存在する任意のフォルダのフォルダ
  • のパスの場合YOUR JQUERY.js - 最後にあなたが含めるファイル名。 http://docs.joomla.org/Adding_JavaScript

    でドキュメントから撮影

+1

+1良い答えですが、パスの例を与えるときには、スペースなしのディレクトリとファイル名を推奨します: '/ path/to_next/dir' – nicorellius

4

joomlaにはjQuery Easyプラグインを使用できます。これによりjQueryおよび/またはjQueryのUIが前面および/またはバックエンドで自動的に有効になります。ここに取得http://extensions.joomla.org/extensions/core-enhancements/scripts/18327

もし私が間違っていないなら、このプラグインはmootoolsのnoConflict問題を処理します。

+0

ありがとうございます........ –

0

JoomlaのAPIを使用してJavaScriptファイルをインクルードする「二つの方法」があります。それは明らかに、メインPHPコードから別のスクリプト言語(JavaScriptが)、微分すべてのJavaScriptが正しくタグの間に埋め込まれている保証として

<?php 
$document = &JFactory::getDocument(); 
$document->addScript('/media/system/js/sample.js'); 
?> 

またはこれらの方法を使用して

<?php 
// Add the path parameter if the path is different than 'media/system/js/' 
JHTML::script('sample.js', 'templates/custom/js/'); 
?> 

が強く推奨されていますJDocument :: addScriptとJHTML :: scriptの場合は、JavaScriptファイルが1回だけ含まれるようになります(つまり、.jsファイルの重複はありません)。

2
$document = &JFactory::getDocument(); 
$componentDir = JURI::base(); 

$document->addStyleSheet($componentDir.'/templates/movm/css/jquery.mobile-1.1.0.min.css'); 
$document->addStyleSheet($componentDir.'/templates/movm/css/comman.css'); 
$document->addScript($componentDir.'/templates/movm/js/jquery.min.js'); 
$document->addScript($componentDir.'/templates/movm/js/jquery.mobile-1.1.0.min.js'); 
$document->addCustomTag('<script type="text/javascript">jQuery.noConflict();</script>'); 
+1

+1の表示スクリプトを読み込む正しい方法+ CSS – Craig

関連する問題