com_ajaxを使用して別のモジュールをロードおよびアンロードする方法（アダプティブデザインの場合）

これは、モバイルデバイスのパフォーマンスを最適化するために、Joomla 3のデバイスまたはビューポートサイズに基づいてモジュールをどのように無効にできるかという質問のフォローアップです。

com_ajaxを使用してモジュールをロードおよびアンロードするにはどうすればよいですか？呼び出しは、純粋なjavascriptまたはjqueryのいずれかを使用して行うことができ、ビューポートサイズに基づいて行われます（このためにmediacheck.jsを使用しています：https : //github.com/sparkbox/mediaCheck）。

この答えがどこに行くかに応じて、この種の動的ロードを可能にするためにコンポーネントを[開発する]にすることもできます（ブレークポイントを選択し、ロード/アンロードするモジュールを選択します）。

正当化：レスポンシブ/アダプティブ（フレーバーを選択する）は今日では不可欠であり、モバイルの負荷サイズも小さくなっています（良好な受信エリアでは、ここではブラジルでは3Gの速度が遅くなります）。10〜15kのjQuery / Javascriptを使用して、20〜200kのモジュールのロードを回避できる場合（モジュールに画像を含めることができるため、かなり大きなサイズに達する可能性があります）、私はそれで十分です。画面の乱雑さを軽減することも、優れたモバイルデザインでは必須です。モジュールなしで設計しているため、これを「モバイルファースト」であると主張することもでき、画面サイズが許す限りロードします。

com_ajaxは、モジュールのデータがサポートされている場合（JSONベース）にのみ実際に使用されますが、他の機能もあります。モジュールを「単に」ロードする最も簡単な方法は、新しいテンプレートファイルを作成することです。これは、テンプレートディレクトリに「module.php」のようなものを作成することで実行できます。次に、このようなものを内部で使用します。

<?php
$jinput = JFactory::getApplication()->input;
$module = $jinput->get('module_pos', 'default_value', 'get');
?>
<jdoc:include type="modules" name="<?php echo $module; ?>"/>

これにより、ページ内のモジュールのみが読み込まindex.php?tmpl=module&module_pos=fooれるはずです。ajaxリクエストのようにURLを使用することで、モジュールデータを「そのまま」取得できるはずです。これにより、module_posで指定された位置に割り当てられたすべてのモジュールがロードされます。

ただし、これにはjavascriptという1つの問題があります。モジュールは、JoomlaのAPIを介してヘッドタグにJavaScriptを追加します。これに対抗するには、head.tagにあるもの、現在のページにまだないものを見つけるためにmodule.phpファイルにさらに追加する必要があり、実際には必要なものを見つけて追加します。このプロセスはかなり困難ですが、これを行うモジュールがわかっている場合は、モジュールに応じてこれを自動的に行うためにajax呼び出しにさらに追加することができます。

これは、モジュールを「ロード」するのに役立ちます。ajax経由でロードした後、jqueryを使用してHTMLを必要なページに追加し、「アンロード」してDOMから削除します。

それはjQuery(ROOT_ELEMENT_OF_MODULE).remove();除去のために行うことができますjQuery(PARENT_ELEMENT_TO_INSERT_MODULE).html(MODULE_HTML);。もちろん、実行できるバリエーションがありますが、それは簡単な説明です。