Twitter bootstrap django haystack自动完成引导

Twitter bootstrap django haystack自动完成引导,twitter-bootstrap,autocomplete,django-haystack,Twitter Bootstrap,Autocomplete,Django Haystack,我想让django Haystack自动完成工作。最后我让它工作了,但是它没有正确地显示出来。我用过。我从数据库中得到数据并打印在网站上。但是引导不会正确地显示它们。我想我应该更改html标记以正确显示它们。 现在的情况是这样的: 标题会根据自动完成字段的数量进行放大。这是它的html: <div class="ac-results"> <div class="result-wrapper"> <a class="ac-result" hre

我想让django Haystack自动完成工作。最后我让它工作了,但是它没有正确地显示出来。我用过。我从数据库中得到数据并打印在网站上。但是引导不会正确地显示它们。我想我应该更改html标记以正确显示它们。 现在的情况是这样的: 标题会根据自动完成字段的数量进行放大。这是它的html:

<div class="ac-results">
    <div class="result-wrapper">
        <a class="ac-result" href="/stocks/detail/ISD">
            ISD
        </a>
    </div>
    <div class="result-wrapper">
        <a class="ac-result" href="/stocks/detail/ISA">
            ISA
        </a>
    </div>
    <div class="result-wrapper">
        <a class="ac-result" href="/stocks/detail/ISF">
            ISF
        </a>
    </div>
    <div class="result-wrapper">
        <a class="ac-result" href="/stocks/detail/ISS">
            ISS
        </a>
    </div>
    <div class="result-wrapper">
        <a class="ac-result" href="/stocks/detail/ISG">
            ISG
        </a>
    </div>

</div>

这通过div元素上的块显示。
如何在引导中正确地使用它?

看看Mike Hibbert教程不会有什么坏处
如果没有什么,你会更好地了解django haystack的工作原理。还有他关于ajax搜索的教程,这对我帮助很大。祝你好运

看看Mike Hibbert的教程没什么坏处
如果没有什么,你会更好地了解django haystack的工作原理。还有他关于ajax搜索的教程,这对我帮助很大。祝你好运

看看Mike Hibbert的教程没什么坏处
如果没有什么,你会更好地了解django haystack的工作原理。还有他关于ajax搜索的教程,这对我帮助很大。祝你好运

看看Mike Hibbert的教程没什么坏处
如果没有什么,你会更好地了解django haystack的工作原理。还有他关于ajax搜索的教程,这对我帮助很大。祝你好运

我不会在那个例子中使用javascript,这是一个简单的例子,可以让您上路。我已经用haystack实现了这一点,但改用了jQuery UI的Autocomplete小部件-它会自动将自身正确定位在您所连接的输入框下方:

同样值得一看的是Twitter新的自动完成小部件:

但是,如果您想在haystack示例中使用javascript,则需要应用一些CSS,例如

.ac-results {
  position: absolute;
  top: 40px;
  left: 600px;
  width: 150px;
}

显然,您必须相应地调整像素。此外,HTML应该改为使用UL列表和LI列表项,以使其更易于设置样式。再一次,省去你的麻烦,尝试一个提供自动完成小部件的库,基本上只告诉它你想为哪个输入元素提供建议,并将URL插入到django ajax端点。祝你好运。

我不会在那个例子中使用javascript,这是一个简单的例子,可以让你振作起来。我已经用haystack实现了这一点,但改用了jQuery UI的Autocomplete小部件-它会自动将自身正确定位在您所连接的输入框下方:

同样值得一看的是Twitter新的自动完成小部件:

但是,如果您想在haystack示例中使用javascript,则需要应用一些CSS,例如

.ac-results {
  position: absolute;
  top: 40px;
  left: 600px;
  width: 150px;
}

显然,您必须相应地调整像素。此外,HTML应该改为使用UL列表和LI列表项,以使其更易于设置样式。再一次,省去你的麻烦,尝试一个提供自动完成小部件的库,基本上只告诉它你想为哪个输入元素提供建议,并将URL插入到django ajax端点。祝你好运。

我不会在那个例子中使用javascript,这是一个简单的例子,可以让你振作起来。我已经用haystack实现了这一点,但改用了jQuery UI的Autocomplete小部件-它会自动将自身正确定位在您所连接的输入框下方:

同样值得一看的是Twitter新的自动完成小部件:

但是,如果您想在haystack示例中使用javascript,则需要应用一些CSS,例如

.ac-results {
  position: absolute;
  top: 40px;
  left: 600px;
  width: 150px;
}

显然,您必须相应地调整像素。此外,HTML应该改为使用UL列表和LI列表项,以使其更易于设置样式。再一次,省去你的麻烦,尝试一个提供自动完成小部件的库,基本上只告诉它你想为哪个输入元素提供建议,并将URL插入到django ajax端点。祝你好运。

我不会在那个例子中使用javascript,这是一个简单的例子,可以让你振作起来。我已经用haystack实现了这一点,但改用了jQuery UI的Autocomplete小部件-它会自动将自身正确定位在您所连接的输入框下方:

同样值得一看的是Twitter新的自动完成小部件:

但是,如果您想在haystack示例中使用javascript,则需要应用一些CSS,例如

.ac-results {
  position: absolute;
  top: 40px;
  left: 600px;
  width: 150px;
}

显然,您必须相应地调整像素。此外,HTML应该改为使用UL列表和LI列表项,以使其更易于设置样式。再一次,省去你的麻烦,尝试一个提供自动完成小部件的库,基本上只告诉它你想为哪个输入元素提供建议,并将URL插入到django ajax端点。祝你好运。

我试过打字,但我连简单的例子都做不出来。我在那页上为你添加了一个例子。我已经试过打字了,但我连简单的例子都做不出来。我在那页上为你添加了一个例子。我已经试过打字了,但我连简单的例子都做不出来。我在那页上为你添加了一个例子。我已经试过打字了,但我连简单的例子都做不出来。我在那页上为你添加了一个例子。希望有帮助