JQuery UI вкладки наложения границы, когда внутри формы - PullRequest
Новая
       17

JQuery UI вкладки наложения границы, когда внутри формы

1 голос
/ 07 января 2011

Ошибка рисования, когда я помещаю вкладки 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?

1 Ответ

1 голос
/ 07 января 2011

Я не вижу ошибки отрисовки, вот код для образца, работающего на 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>

Возможно, вы не успешно извлекаете CSS-файл jQuery UI. Я не вижу никаких «ошибок при рисовании»

...