0

Joomla 3 モジュールで、タブをレスポンシブ アコーディオンに変換するための jQuery プラグインを実装しようとしています。このプラグインは、Easy Responsive Tabs to Accordion ( https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion ) と呼ばれます。モジュールに必要な css および js ファイルを正しく含めましたが、プラグインが起動しません。

モジュールのtmpl/default.phpに、以下のスクリプトを含めました。

$document = JFactory::getDocument();
$document->addScript(JURI::base() . 'modules/mod_mytest/js/easyResponsiveTabs.js');
$document->addScript(JURI::base() . 'modules/mod_mytest/js/jquery-1.9.1.js');
$document->addStyleSheet(JURI::base() . 'modules/mod_mytest/css/mytheme/easyResponsiveTabs.css');
<script type="text/javascript">
$(document).ready(function() {
    $('#horizontalTab').easyResponsiveTabs();
});
</script>

tmpl/default.phpドキュメントに示されているように、正しい HTML マークアップもあります。

プラグインをダウンロードして実行すると問題なく動作しますが、Joomla に統合すると失敗します。統合中にいくつかの簡単な手順が欠落している可能性がありますが、理解できません。

4

2 に答える 2

2

まず、Chrome Dev Tools または Firebug (ブラウザで使用するもの) をチェックインして、インポートした 3 つのファイルが実際にインポートされているかどうかを確認します。あなたがそれを行った方法に問題はありませんが、常に確認することをお勧めします。次に、次を置き換えます。

<script type="text/javascript">
$(document).ready(function() {
    $('#horizontalTab').easyResponsiveTabs();
});
</script>

次のように:

$document->addScriptDeclaration('$("#horizontalTab").easyResponsiveTabs();');

プラグインを呼び出す方法だと思うので、上記のコードで問題が解決することは間違いありません

アップデート：

Joomla 3.0 を使用していることに気付いたので、jQuery をこのようにインポートするのではなく、代わりに次を使用します。

JHtml::_('jquery.framework');

他のスクリプトの前に挿入します。これは、Joomla 3.x コーディング標準を使用して、jQuery をnoConflictモードでインポートします。

お役に立てれば

于 2013-11-05T11:31:51.527 に答える
0

最初に jquery ライブラリをインクルードしてみてください:

$document = JFactory::getDocument();
$document->addScript(JURI::base() . 'modules/mod_mytest/js/jquery-1.9.1.js');
$document->addScript(JURI::base() . 'modules/mod_mytest/js/easyResponsiveTabs.js');
$document->addStyleSheet(JURI::base().'modules/mod_mytest/css/mytheme/easyResponsiveTabs.css');

解決しない場合は、競合のない jQuery を使用してみてください

<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
jQuery('#horizontalTab').easyResponsiveTabs();
});
</script>
于 2013-11-05T11:39:25.787 に答える