2017-05-14 5 views
0

Aus irgendeinem Grunde Grundtypeahead Beispiel funktioniert nicht auf jedem meines Web-Server, aber ich bin in der Lage es hier zum Laufen zu bringen - http://jsfiddle.net/H4Qmh/12/Grund Bootstrap-typeahead mit Beispiel

irgendwelche Unterschiede oder Problems in dem folgenden Code zu vergleichen mit Code auf jsfiddle geschrieben? Können Sie bestätigen, dass der folgende Code für Sie funktioniert? (Sie sollen die Ergebnisse der Lage sein zu sehen, nur durch h eingeben, i oder e)

<html> 
<head> 
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" /> 
<script src="https://code.jquery.com/jquery.js" type="text/javascript"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js" type="text/javascript"></script> 
</head> 
<body> 
<div class="well"> 
<input autocomplete="off" type="text" class="span3" data-provide="typeahead" data-items="4" placeholder="Type in letter h, i or s" data-source='["iPhone", "HTC", "Samsung"]' > 
</div> 
</body> 
</html> 
+0

Sie den Code in Ihrem Server verwendet liefern muss –

Antwort

2

Ich habe gerade ersetzt den Bootstrap mit Bootstrap-typeahead js-Datei. und es beginnt zu laufen.

https://github.com/biggora/bootstrap-ajax-typeahead/tree/master/src

+0

Was für eine nette Hilfe! Ich habe gerade "https: // raw.githubusercontent.com/biggora/bootstrap-ajax-typeahead/master/src/bootstrap-typeahead.js" heruntergeladen und die Bootstrap-Skriptlinie durch ' '. Es funktionierte. –

1
<html> 
<head> 

    <!-- jquery--> 
    <script src="https://code.jquery.com/jquery.js"></script> 

    <!-- Bootstrap --> 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script> 
</head> 
<body> 
    <div class="well"> 
     <input autocomplete="off" type="text" class="span3" data-provide="typeahead" data-items="4" placeholder="type in letter h, i or s" data-source='["iPhone", "HTC", "Samsung"]'> 
    </div> 
</body> 
</html> 

Ihr bootstrap cdn Link eine HTML Datei zurückkehrte und nicht eine CSS Datei.