0

このような質問がすでにたくさんあることは知っていますが、何が起こっているのかまだ理解できません。私は AJAX にあまり詳しくなく、javascript に関する非常に基本的な知識を持っています。

シナリオ：

ajax を実行している index.html ページと、javascript を含むファイル (sub.html) があります (js ファイルは含まれていません)。これは、sub.html に手動でコーディングされた javascript です。

例：

(index.html)

$('#content').load(pageurl + '#inner_content', function(){

//some code

});

(sub.html)

<script type="text/javascript">
    (function($){
      var interactive_chart_config = {
        zoom_historical_default: [% chart_config.chart.chart_interactive.zoom_historical_default %],
        zoom_intraday_default: [% chart_config.chart.chart_interactive.zoom_intraday_default %],
        quotes_delay: [% ir.var.Config.format.quotes_delay %],
        news_on_chart: {
          [% news_types = chart_config.chart.chart_interactive.news_on_chart.keys %]
          [% FOREACH news_type = news_types %]
            [% news_type %]: {
              [% news_options = chart_config.chart.chart_interactive.news_on_chart.${news_type}.keys %]
              [% FOREACH news_option = news_options %]
                [% news_option %]: [% chart_config.chart.chart_interactive.news_on_chart.${news_type}.${news_option} ? 'true' : 'false' %][% IF news_option != news_options.last %],[% END %]
              [% END %]
            }[% IF news_type != news_types.last %],[% END %]
          [% END %]
        },
        modify_news: [
          [% FOREACH news = chart_config.chart.chart_interactive.modify_news.news %]
            {
              [% FOREACH key = news.keys %]
                [% key %]: '[% news.${key} %]'[% IF key != news.keys.last %],[% END %]
              [% END %]
            }[% IF news != chart_config.chart.chart_interactive.modify_news.news.last %],[% END %]
          [% END %]
        ]
      };

      $(document).ready(function(){
        $('#content_container').web_chart($.extend({}, {
          theme : Highcharts.theme,
          counter_code : "[%= stock_ids.first %]",
          plot_on_load : true,
          always_reload : true,
              loading_indicator_id  : 'loading_indicator',
              chart_setting_id      : 'chart_setting',
              counter_list_form_id  : 'counter_list_form',
              chart_container_id    : 'chart_container',
              css_class_for_flags    : {'N' : 'news_tooltip', 'I' : 'insider_trades_tooltip', 'C' : 'corporate_actions_tooltip'}
        }, interactive_chart_config));
      });
    })(jQuery);

  </script>

index.html で AJAX を使用して sub.html の JavaScript を実行するにはどうすればよいですか?

皆さんが私を助けてくれることを願っています。前もって感謝します。

4

2 に答える 2

1

を使用しfunctionます。

<script type="text/javascript>
    function stuffFromSub() {
        var foo = "I do stuff";
        return foo;
    }
</script>

そして、load()

$('#content').load(pageurl + '#inner_content', function(){
    stuffFromSub()
});
于 2013-03-15T01:04:15.773 に答える
0

AJAX を使用して JavaScript を含むページを取得しようとしている場合、そのページで eval() を実行する必要がありますが、これは大したことではありません。

これに対する最善の解決策は、.html ファイルの代わりに .js ファイルを作成し、代わりにそれにリンクすることです。実行したいコードを関数に配置して、いつでも呼び出せるようにします。

于 2013-03-15T01:17:06.593 に答える