Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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 为什么赢了';jQueryUI选项卡的内容是否显示在选项卡中?_Jquery Ui_Tabs - Fatal编程技术网

Jquery ui 为什么赢了';jQueryUI选项卡的内容是否显示在选项卡中?

Jquery ui 为什么赢了';jQueryUI选项卡的内容是否显示在选项卡中?,jquery-ui,tabs,Jquery Ui,Tabs,我正在使用jQueryUI选项卡创建一种向导。第一个选项卡让用户从图像矩阵中进行选择,其中每个图像下面都有一个单选按钮和图像标题。由于某些原因,图像、按钮和标题不会显示在选项卡中。以下是网站: 下面是代码: <div id="tabs"> <ul> <li><a href="#tabs-1">Template Choice</a></li> <li><a href="

我正在使用jQueryUI选项卡创建一种向导。第一个选项卡让用户从图像矩阵中进行选择,其中每个图像下面都有一个单选按钮和图像标题。由于某些原因,图像、按钮和标题不会显示在选项卡中。以下是网站:

下面是代码:

<div id="tabs">         <ul>        <li><a href="#tabs-1">Template Choice</a></li>      <li><a href="#tabs-2">Site Basics</a></li>      <li><a href="#tabs-3">Services List</a></li>        <li><a href="#tabs-4">Products/Resources List</a></li>      <li><a href="#tabs-5">Gallery Images</a></li>       <li><a href="#tabs-6">Buzz List</a></li>        <li><a href="#tabs-7">Review &amp; Confirm</a></li>     </ul>       <div id="tabs-1">
                <div>
                    <div class="temp_wrap">

                <img src="images/accordion_t.jpg" alt="accordion" />

                <div class="temp_desc">

                    <p><input type="radio">&nbsp;</input>Accordion</p>

                </div>
                        </div>
                    <div class="temp_wrap">

                <img src="images/animation_t.jpg" alt="animation" />

                <div class="temp_desc">

                    <input type="radio">&nbsp;</input>Animation

                </div>
                            </div>
                    <div class="temp_wrap">

                <img src="images/dog_t.jpg" alt="dog" />

                <div class="temp_desc">

                    <input type="radio">&nbsp;</input>Dog

                </div>
                    </div>
                </div>      </div>      <div id="tabs-2">
                <img id="loading" src="/images/loading.gif" style="display:none;">
                <form name="form" action="" method="POST" enctype="multipart/form-data">
                <div class="site_basics_line">Enter your Name, or your Company's name:<input type="text"></input></div>
                <div class="site_basics_line">Enter your Tagline, or your Company's Tagline:<input type="text"></input></div>

        <div class="site_basics_line">Background Image Upload&nbsp;<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input">Please select a file and click Upload button<button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button></div>

        <div class="site_basics_line">Logo Upload&nbsp;<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input">Please select a file and click Upload button<button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button></div>
                <p>Click here to pick a background color:<input type="text" id="color" name="color" value="#FFFFFF" /><div id="colorpicker"></div></p>
                        </form>
                <a href="#" id="next_2">Next</a>
            </div>
            <div id="tabs-3">       <p>
                <div class="site_basics_line">Upload a service icon:&nbsp;<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input"><button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button></div>
                <p>Add a title for this service: <input type="text"></input></p>
                <p>Add a description for this service: <textarea rows="2" cols="20"></textarea></p>
                </p>        <a href="#" id="next_2">Add</a>&nbsp;<a href="#" id="next_3">Next</a>       </div>      <div id="tabs-4">
                <p>
                <div class="site_basics_line">Upload a product or resource icon:&nbsp;<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input"><button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button></div>
                <p>Add a title for this product or resource: <input type="text"></input></p>
                <p>Add a description for this product or resource: <textarea rows="2" cols="20"></textarea></p>
                </p>
            <a href="#" id="next_2">Add</a>&nbsp;<a href="#" id="next_3">Next</a>       <a href="#" id="next_4"></a>        </div>      <div id="tabs-5">       <p>
                <div class="site_basics_line">Add a Gallery Image&nbsp;<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input">Please select a file and click Upload button<button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button></div>
                </p>        <a href="#" id="next_5"></a>        </div>      <div id="tabs-6">
            <div class="site_basics_line">Add a Buzz Image&nbsp;<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input">Please select a file and click Upload button<button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button></div>      <p>Add a link for this Buzz Item: <input type="text"></input></p>       <p>Add a description for this service: <textarea rows="2" cols="20"></textarea></p>         <a href="#" id="next_6"></a>        </div>      <div id="tabs-7">
                <p>Please confirm that you are satisfied with what you have entered and uploaded to your site. When you are, please click the Submit button. Otherwise, you may edit any of the entries made and return to this portion of the site to confirm your site's content. Note that you may return any time to add, edit, or delete the content of your site.</p>         <a href="#" id="next_0"></a>        </div>   </div>
手风琴

动画 狗 输入您的姓名或公司名称: 输入您的标语或您公司的标语: 背景图像上载请选择一个文件,然后单击上载按钮上载 徽标上载请选择一个文件,然后单击上载按钮上载 单击此处选择背景色:

上传服务图标:上传 添加此服务的标题:

添加此服务的说明:

上载产品或资源图标:上载 添加此产品或资源的标题:

添加此产品或资源的说明:

添加图库图像请选择一个文件并单击上载按钮上载

添加Buzz图像请选择一个文件并单击上载按钮加载此Buzz项目的链接:

添加此服务的说明:

请确认您对您输入并上传到您的网站的内容感到满意。完成后,请单击“提交”按钮。否则,您可以编辑所做的任何条目并返回到网站的此部分,以确认您网站的内容。请注意,您可以随时返回以添加、编辑或删除网站内容。


所有其他选项卡的行为正常。

您需要在所有浮动元素之后添加一个额外的元素,以“按下”容器元素。因此,在您的情况下,在
的结束标记之前添加以下行:



我可以建议,下次,请简单地写下你的代码。你是被压迫者的拥护者。谢谢
<div style="clear:both; float:none"></div>