Question

我在我的应用程序中使用Bootstrap Wizard，我想在表单字段中使用自动填充功能。我跟着jquery自动完成。

以下是我直接从网站上使用的代码：

 <script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>

当我尝试与向导集成时，不确定我做错了什么，有关如何解决此问题的任何建议都会很棒。

修改

这是我如何包装我正在使用的引导程序向导文本框：

  <div class="wizard-input-section">
                        <p>Business Unit</p>
                        <div class="form-group">

                            <div class="col-sm-6">
                                <div class="ui-widget">
                                    <input type="text" class="form-control" id="tags" name="tags" placeholder="Jane Smith" data-validate="validateServerLabel">
                                </div>
                            </div>
                        </div>
                    </div>

Jquery自动完成功能无法在引导向导中运行

0 个答案: