bootstrap的输入数字微调器不能与jquery-ui

Question

我在我的网站上使用此来源进行数字输入，这很好。 http://www.jqueryscript.net/form/Input-Number-Spinner-with-jQuery-Bootstrap-Spinner.html

问题是，我想在搜索输入中添加自动完成功能，我找到了它的来源：

`<script type="text/javascript"> 
$(document).ready(function(){
    $('#inputBook').keypress(function(e){
        if(e.which == 13)
        {
            e.preventDefault();
        }
        var searched = $('#inputBook').val();
        var fullurl = $('#hiddenurl').val() +    'Podpowiedz/getResult/' + searched;
        console.log(fullurl);
        $.getJSON(fullurl,function(result){
            //display suggestion code goes here
            var elements = [];
            $.each(result, function(i, val){
                elements.push(val.title);
            });
            $('#inputBook').autocomplete({
                source : elements
            });
        })
    })
})
</script>`

要使.autocomplete工作，我还需要添加jquery-ui插件：

<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

当我添加此插件时，输入数字微调器停止工作。它还增加了奇怪的三角形（？），不知道为什么。

没有jquery-ui，完美地运作：

使用jquery-ui，没有工作，左边有奇怪的三角形，不知道为什么：