当我嵌入 EventBrite 提供的代码来显示我在网站上组织的事件时，页面正常加载，但随后 JavaScript 会扩展以占据整个页面。
如何阻止这种情况发生？我已输入我的组织者 ID 和 API key 。下面是提供的示例代码:
<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>
最佳答案
这与 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>
关于javascript - 嵌入事件列表代码占据整页，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15722374/