Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jQuery UI选项卡存在css浮动问题_Jquery Ui_Css Float - Fatal编程技术网

Jquery ui jQuery UI选项卡存在css浮动问题

Jquery ui jQuery UI选项卡存在css浮动问题,jquery-ui,css-float,Jquery Ui,Css Float,我对jQueryUi标签有问题。我想在选项卡视图的左侧有一个导航栏,但布局不起作用。我认为这是一个bug,我会将它报告给jQuery,但首先我想看看您是否可以确认这是一个bug,或者我做错了什么 在[]预览我的示例 首先,您会看到非工作选项卡示例和工作标准浮动div示例下面的选项卡 <!DOCTYPE html> <html> <head> <title>JQuery Tablayout problems</title>

我对jQueryUi标签有问题。我想在选项卡视图的左侧有一个导航栏,但布局不起作用。我认为这是一个bug,我会将它报告给jQuery,但首先我想看看您是否可以确认这是一个bug,或者我做错了什么

在[]预览我的示例

首先,您会看到非工作选项卡示例和工作标准浮动div示例下面的选项卡

<!DOCTYPE html> 
<html> 
<head> 
  <title>JQuery Tablayout problems</title>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"> 
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 
  <script type="text/javascript"> 
  $(document).ready(function () {
    $("#tabs").tabs();
  });
  </script>
</head>
<body>
<div style="float:left; width:200; color: red;height: 200px;">Where is my left bar?<br></div>
<div id="tabs"><ul><li><a href="#a1">A tab page</a></li></ul>
    <div id="a1">Do you see a red bar left of this tab view?</a></div>
</div>

<div style="float:clear"></div>

<div style="float:left; width:200; color: red;height: 200px;">Where is my left bar?<br></div>
<div id="no-tabs"><ul><li><a href="#a2">A tab page</a></li></ul>
    <div id="a2">Do you see a red bar left of this tab view?</a></div>
</div>
</body>
</html>

JQuery表格布局问题
$(文档).ready(函数(){
$(“#制表符”).tabs();
});
我左边的酒吧在哪里?
    • 您是否看到此选项卡视图左侧的红色条? 我左边的酒吧在哪里?
        • 您是否看到此选项卡视图左侧的红色条?
这里的解决方案解决了我的问题,看起来有点像你的问题。看看 了解更多信息

#yourTabsDiv {
  float:left;

  width: 100%;

}