当前位置： 文江博客话题详情

jquery ui 选项卡在表单内覆盖边框

发布于 2024-10-11 02:18:31 字数 900 浏览 4 评论 0原文

当我将 jquery ui 选项卡放入这样的表单中时出现绘制错误：

<form>
  <div id="tab-section1">
    <ul>
      <li><a href="#tab1"><span>Principal</span></a></li>
      <li><a href="#tab2"><span>Complement</span></a></li>
    </ul>

    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
  </div>
</form>

但在 div 中时它显示正确：

<div>
  <div id="tab-section2">
    <ul>
      <li><a href="#tab1"><span>Principal</span></a></li>
      <li><a href="#tab2"><span>Complement</span></a></li>
    </ul>

    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
  </div>
</div>

这是 jquery 中的错误？

原文

There is a draw error when I put a jquery ui tabs inside a form like this:

<form>
  <div id="tab-section1">
    <ul>
      <li><a href="#tab1"><span>Principal</span></a></li>
      <li><a href="#tab2"><span>Complement</span></a></li>
    </ul>

    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
  </div>
</form>

but it show correctly when inside a div:

<div>
  <div id="tab-section2">
    <ul>
      <li><a href="#tab1"><span>Principal</span></a></li>
      <li><a href="#tab2"><span>Complement</span></a></li>
    </ul>

    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
  </div>
</div>

This is a bug in jquery ?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（1）

青柠芒果 2024-10-18 02:18:31

我没有看到绘制错误，这里是在 http://www.andrewbricker 运行的示例代码。 com/test.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript"></script> 

<script language="javascript">
$(function() {
        $( "#tab-section1" ).tabs();
    });
</script>

</head>

<body>

<form>
  <div id="tab-section1">
    <ul>
      <li><a href="#tab1"><span>Principal</span></a></li>
      <li><a href="#tab2"><span>Complement</span></a></li>
    </ul>

    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
  </div>
</form>

</body>
</html>

也许您没有成功提取 jQuery UI CSS 文件。我没有看到任何“绘制错误”

I'm not seeing a draw error here is the code for a sample running at http://www.andrewbricker.com/test.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript"></script> 

<script language="javascript">
$(function() {
        $( "#tab-section1" ).tabs();
    });
</script>

</head>

<body>

<form>
  <div id="tab-section1">
    <ul>
      <li><a href="#tab1"><span>Principal</span></a></li>
      <li><a href="#tab2"><span>Complement</span></a></li>
    </ul>

    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
  </div>
</form>

</body>
</html>

Perhaps you are not successfully pulling a jQuery UI CSS file. I'm not seeing any "draw errors"

回复 原文
~没有更多了~

关于作者

未央

暂无简介

0 文章
0 评论
24 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

離殇

文章 0 评论 0

小姐丶请自重

文章 0 评论 0

Aik

文章 0 评论 0

国产ˉ祖宗

文章 0 评论 0

猥琐帝

文章 0 评论 0

半仙

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文