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 回答