gpt4 book ai didi

jquery - JQuery 选项卡中的 ui 元素访问

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

我使用这个简单的示例来禁止访问第二个选项卡。返回 false 效果很好,但我必须首先查看要选择哪个选项卡。 ui 参数是一个对象,alert(ui),但我不能使用任何 ui 变量或函数。我必须将对象转换为其他东西吗?

<!doctype html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>tabs demo</title>
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="libraries/jquery-1.8.3.js"></script>
<script src="libraries/jquery-ui.js"></script>
</head>
<body>

<div id="tabs" style="position:absolute;top:0px;left:0px;width:800px;height:600px">
<ul>
<li><a href="#fragment-1"><span>Überblick</span></a></li>
<li><a href="#fragment-2"><span>System</span></a></li>
</ul>
<div id="fragment-1">
<p>First tab is active by default:</p>
<pre><code>$( "#tabs" ).tabs(); </code></pre>
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
</div>
</div>

<script>

$(function() {
$( "#tabs" ).tabs({

beforeActivate: function( event, ui ) { alert( ui.newTab.id ); }
});
});


</script>

</body>
</html>

最佳答案

为什么不禁用该选项卡呢?

disable( index )

Disables a tab. The selected tab cannot be disabled. To disable more than one tab at once, set the disabled option: $( "#tabs" ).tabs( "option", "disabled", [ 1, 2, 3 ] ).

http://api.jqueryui.com/tabs/#method-disable

让用户相信他可以单击某个元素,但实际上他不能单击,这是糟糕的 UI 设计!

关于jquery - JQuery 选项卡中的 ui 元素访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13627580/

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