0

EventBrite が提供するコードを埋め込んで、自分のサイトで整理したイベントを表示すると、ページは正常に読み込まれますが、JavaScript が展開されてページ全体が表示されます。

これが起こらないようにするにはどうすればよいですか? オーガナイザー ID と API キーを入力しました。以下は、提供されているサンプルコードです。

<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript' src="http://evbdn.eventbrite.com/s3-s3/static/js/platform/Eventbrite.jquery.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
  Eventbrite({'app_key': $APP_KEY}, function(eb){
    eb.organizer_list_events( {'id': 561037966, 'statuses': "live,started"}, function( response ){
      document.write(eb.utils.eventList( response, eb.utils.eventListRow ));
    });
  });
});​
</script>
4

1 に答える 1

2

これは、Evenbrite JavaScript API とは関係ありません。レイアウトは、ページのマークアップと CSS スタイルによって決まります。このeventListメソッドは HTML を返すので、それを特定の要素に配置して、適切にスタイルを設定できます。例えば：

<head>
  <script>
    $(document).ready(function(){
      Eventbrite({'app_key': $APP_KEY}, function(eb){
        eb.organizer_list_events( {'id': 561037966, 'statuses': "live,started"}, function( response ){
          var event_list_html = eb.utils.eventList( response, eb.utils.eventListRow );
          $("#event-list").html(event_list_html);
        });
      });
    });
  </script>

  <style>
    #event-list {
      width: 400px;
      border: 1px solid black;
    }   
  </style>
</head>

<body>
  <div id="event-list"></div>
</body>
于 2013-04-04T21:20:50.363 に答える