gpt4 book ai didi

javascript - 嵌入事件列表代码占据整页

转载 作者:行者123 更新时间:2023-12-02 18:52:00 26 4
gpt4 key购买 nike

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com