gpt4 book ai didi

html - Bootstrap Style 打破了自动完成小部件

转载 作者:行者123 更新时间:2023-11-27 23:39:27 25 4
gpt4 key购买 nike

我在一个使用 codeigniter 和 bootstrap 的元素中工作,我制作了一个自动完成系统,但 css 看起来像这样损坏

https://gyazo.com/4af7ae2bbdfd5547233d192b80ef947e

没有自定义样式,只有 bootstrap min css,这里是我的 View html 代码,任何看起来像它的帮助都将不胜感激

<h2>Welcome to Crossover Laboratory</h2>
<div class="row">
<div class="col-md-1">
&nbsp;
</div>
<div class='col-md-10 text-center'>
<h3>Patients</h3>
<?php echo $error2; ?>
<?php
$attributes2 = array(
"class"=>"form-horizontal",
"id" => "LoginForm2",
"name" => "LoginForm2",
"method" => "post"
);
echo form_open("laboratory/patients", $attributes2); ?>
<div class="form-group">
<input type="text" name="username_patients" id="username_patients" class="ui-autocomplete-input" value="" required placeholder="Name" />
<p id="patient_name"></p>
</div>

<div class="form-group">

<input type="password" name="password_patients" id="password_patients" value="" required placeholder="Code"/>
</div>
<div class="form-group">
<?php echo form_submit("Login2","Login"); ?>
</div>
<?php echo form_close(); ?>

</div>


<div class="col-md-1">
&nbsp;
</div>
</div>
<script type="text/javascript">

$(document).ready(function($) {

$("#username_patients").autocomplete({
source: '<?php echo site_url('laboratory/autocomplete'); ?>',
minlenght: 2,
html: true,
open: function(event, ui)
{
$(".ui-autocomplete").css("z-index",1000);
}
});

});
</script>

最佳答案

我认为您错过了 jQueryUI CSS 引用资料。在您的应用程序中添加以下 CSS <head> 部分并尝试..

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

关于html - Bootstrap Style 打破了自动完成小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32323246/

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