Javascript 嵌入式事件列表代码占据整个页面_Javascript_Eventbrite

Javascript 嵌入式事件列表代码占据整个页面

javascript

Javascript 嵌入式事件列表代码占据整个页面,javascript,eventbrite,Javascript,Eventbrite,当我嵌入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/j

当我嵌入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>


$（文档）.ready（函数（）{
Eventbrite（{'app_key'：$app_key}，函数（eb）{
eb.organizer\u list\u事件（{'id'：561037966，'状态'：“live，started”}，函数（响应）{
编写（eb.utils.eventList（response，eb.utils.eventListRow））；
});
});
});

这与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>


$（文档）.ready（函数（）{
Eventbrite（{'app_key'：$app_key}，函数（eb）{
eb.organizer\u list\u事件（{'id'：561037966，'状态'：“live，started”}，函数（响应）{
var event_list_html=eb.utils.eventList（响应，eb.utils.eventListRow）；
$（“#事件列表”）.html（事件列表#html）；
});
});
});
#事件列表{
宽度：400px；
边框：1px纯黑；
}