gpt4 book ai didi

jQuery/Visualforce 选项卡未加载

转载 作者:行者123 更新时间:2023-12-01 01:25:47 26 4
gpt4 key购买 nike

我一直在旋转并寻找答案有一段时间了,所以我想我应该发帖。

尝试将简单的 JQuery 选项卡添加到 Visualforce 页面,我已验证 jquery 和 jquery ui 正在加载。我过去曾经这样做过,但不记得“陷阱”是什么。有什么想法吗?

这是我的简单代码:

<code>
<apex:page standardController="Account" showHeader="false" sidebar="false" standardStylesheets="false" doctype="html-5.0" cache="false">
<head>
</head><apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.js"/>
</head>
<body>

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Content for tabs-1</p>
</div>
<div id="tabs-2">
<p>Content for tabs-2</p>
</div>
<div id="tabs-3">
<p>Content for tabs-3</p>
</div>
</div>

</body>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery( "#tabs" ).tabs();
});
</script>
</apex:page>
</code>

最佳答案

我认为您可能需要更新您的 jQuery 引用。您所包含的组合似乎不起作用。

将您的与 jQuery 1.6.4 和 jQuery UI 1.8.7 一起使用会导致所有选项卡的内容显示在所有选项卡上。

<小时/>

DEMO - 使用您的引用,选项卡始终显示所有内容

<小时/>

尝试使用 jQuery UI DEMO page 中使用的引用文献相反。

http://code.jquery.com/jquery-1.8.3.js  
http://code.jquery.com/ui/1.9.2/jquery-ui.js
http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css
<小时/>

DEMO - 使用 DEMO 中的引用的选项卡

<小时/>

来自演示的 HTML:

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a>

</li>
<li><a href="#tabs-2">Proin dolor</a>

</li>
<li><a href="#tabs-3">Aenean lacinia</a>

</li>
</ul>
<div id="tabs-1">
<p>Content for tabs-1</p>
</div>
<div id="tabs-2">
<p>Content for tabs-2</p>
</div>
<div id="tabs-3">
<p>Content for tabs-3</p>
</div>
</div>

脚本

jQuery.noConflict();
jQuery(document).ready(function () {
jQuery("#tabs").tabs();
});

关于jQuery/Visualforce 选项卡未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14287032/

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