javascript - Typeahead.js on Blur Event - Stack Overflow

admin管理员组

文章数量:1290400

I'm using the Twitter Typeahead. There is an issue when I have preloaded data in my text box and on the blur event, the text box is clearing. This is a known issue within the type ahead and it says it was fixed. But I can't quite figure out how to implement the fix.

I have my typeahead initialize like this in the (document).ready function

$('#myTextbox').typeahead({
    name: 'Typeahead',
    valueKey: "Value",
    remote: '/ServiceHandlers/myHandler.ashx?Method=Typeahead&Query=%QUERY',
    template: ['<p>{{Value}}</p>'],
    engine: Hogan
});

The issue says to add something like

$('.typeahead').typeahead('setQuery', '');

But I can't quite see where this would go. Any suggestions on how to fix this issue?

I'm using the Twitter Typeahead. There is an issue when I have preloaded data in my text box and on the blur event, the text box is clearing. This is a known issue within the type ahead and it says it was fixed. But I can't quite figure out how to implement the fix.

I have my typeahead initialize like this in the (document).ready function

$('#myTextbox').typeahead({
    name: 'Typeahead',
    valueKey: "Value",
    remote: '/ServiceHandlers/myHandler.ashx?Method=Typeahead&Query=%QUERY',
    template: ['<p>{{Value}}</p>'],
    engine: Hogan
});

The issue says to add something like

$('.typeahead').typeahead('setQuery', '');

But I can't quite see where this would go. Any suggestions on how to fix this issue?

• javascript
• jquery
• typeahead.js

Share Improve this question Follow asked Jun 7, 2013 at 1:16 Barry TormeyBarry Tormey 3,14655 gold badges3737 silver badges5656 bronze badges 2

• Have you tried putting $('#myTextbox').typeahead('setQuery', ''); after the code that initializes the typeahead? – clav Commented Jun 7, 2013 at 1:22
• Yes. This just seems to set the query, and therefore the text in the textbox to blank on blur. Causing the same problem as it has now. – Barry Tormey Commented Jun 7, 2013 at 4:03

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Figured it out!

Just had to set

$('#myTextbox').typeahead('setQuery', $(#myTextbox).val()); 

in the typeahead.open function.

Here was my solution:

var typeaheadElement = $('element-selector');
typeaheadElement.bind('typeahead:open', function() {
  typeaheadElement.typeahead('val', typeaheadElement.val());
});

本文标签： javascriptTypeaheadjs on Blur EventStack Overflow