gpt4 book ai didi

javascript - jquery 如何执行此代码并使其显示在 div 中

转载 作者:行者123 更新时间:2023-12-02 20:42:23 25 4
gpt4 key购买 nike

我想要做的是使用 jquery 和 ul 菜单,然后单击它从外部文件加载部分 div 并将它们显示在内容 div 中,在这些部分 div 中我需要此代码来显示其结果

<script type='text/javascript'>
imvu_avatar_name = "TheDarkRaver";
imvu_panel_name = "rankings_panel";
imvu_section_name = "mp_right";
imvu_panel_width = 320;
imvu_panel_height = 228;
</script>
<script type='text/javascript'
src='http://www.imvu.com/catalog/web_panel_js.php'>
</script>

如果你想看到它的实际效果,请访问 http://tdr.host22.com/sections.html

并查看我希望它们显示的位置

http://tdr.host22.com/

指向 html 和脚本源的链接 my javascript in external html is not loading

最佳答案

查看您的网站,您可能想要执行以下操作:

将其放在页面上的某个位置,也许位于所有其他内容之后

<style>
#hiddenData{display:none;}
</style>
<div id="hiddenData">
<div class="about">About text</div>
<div class="home">Home text</div>
</div>

然后在你的 JS 文件中放入这些函数(改编自 my javascript in external html is not loading ):

var GetData = function(id){
return $("#hiddenData > div." + id);
};
$(document).ready( function() {
var sections = $("#menu a");
var loading = $("#loading");
var content = $("#content");

function showLoading() {
loading.css( {
visibility: 'visible',
opacity: 1,
display: 'block'
} );
}

function hideLoading(){
loading.fadeTo(1000, 0);
}

sections.click( function() {
showLoading();
content.slideUp();
GetData(this.id);
hideLoading();
content.slideDown();
} );
} );

关于javascript - jquery 如何执行此代码并使其显示在 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2110893/

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