1

ボタンのクリックでJavascriptを使用してコードを読み込もうとしています。問題は、一部のコードが実行されずに表示されることです。

これは、ロードしようとしているファイル reload.tpl です。

<div class="online-players">
  {% for player in players_online %}
  <div class="online-player-heads">
    <a href="?page=player&name={{ player.getName }}">
        {{ player.getPlayerHead(64, 'img-polaroid', true)|raw }}
    </a>
  </div>
{% else %}
  <div class='force-center'><em>{{ 'no_players_online'|trans }}</em></div>
{% endfor %}
</div>

これを使用してコードをロードします。

<script> 
    $(document).ready(function() {
        $('#button2').click(function() {
            $('.online-players').fadeOut('slow', function() {
                $(this).load('templates/default/views/reload.tpl', function() {
                    $(this).fadeIn("slow");
                });
            });
        });
    });
</script>

期待される：

http://i.stack.imgur.com/CRMGn.png

実際に起こっていること：

http://i.stack.imgur.com/8UvG7.png

なぜこれをしているのか誰にも分かりますか？スクリプトを介してロードしようとしていないときは、問題なく動作しています。しかし、.load を試すとすぐに、正しく表示されません.. ヘルプ? :)

4

2 に答える 2

0

smarty は、PHP 用のサーバー側テンプレート エンジンです。AJAX を使用してファイルを呼び出し、php/smarty に html への変換を処理させるか、ファイルのコピーを作成して JavaScript に変換し、ブラウザで動作するようにすることができます。

于 2013-06-16T00:21:23.357 に答える