Question

我一直在uncaught type error for autocomplete function。但是，我在另一个jsp上有完全相同的代码，但是那个工作得很好..... 当我使用自动完成时，有什么我绝对记得的吗？

   <title>Insert title here</title>
<script type="text/javascript"  src="http://code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet"  href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet"  href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript">
    $(function() {

        $("#med_name").autocomplete({
            source : function(request, response) {
                $.ajax({
                    url : "${pageContext.request.contextPath}/searchMed.do",
                    data : {
                        search : $("#med_name").val()
                    },
                    dataType : "json",
                    type : "post",
                    success : function(jsonData) {
                        response($.map(jsonData.medlist, function(item) {
                            return {
                                value : item.imed_name,
                                label : item.imed_name,
                                id : item.imed_id,
                                dos : item.imed_dos,
                                img : item.imed_img
                            };
                        }));
                    }
                })
            },
            select : function(event, ui) {
                alert(ui.item.img);
                $("#med_imed_id").val(ui.item.id);
                $("#med_dos").val(ui.item.dos);
                $("#med_img").attr("src", "medimg/" + ui.item.img);
            },
            selectFirst : false,
            minLength : 1,
            focus : function(event, ui) {
                $('#med_name').val(ui.item.label);
                return false;
            },
        });
});

以上是js部分和下面是jsp部分

 <table>
            <tr>
                <th colspan="2">Prescription</th>
            </tr>
            <tr>
                <th>Medication</th>
                <td><input type="text" id="med_name" name="med_name"/><input
                    type="hidden" id="med_imed_id" name="med_imed_id" value="" /></td>
            </tr>
            <tr>
                <th>Dose</th>
                <td><input type="text" id="med_dos" name="med_dos" /></td>
            </tr>
            <tr>
                <td colspan="2"><img src="" alt="" id="med_img" name="med_img"/></td>
            </tr>
            <tr>
                <td colspan="2"><input type="button" id="addBnt" name="addBnt"
                    value="add" /></td>
            </tr>
        </table>

Answer 1

您能否确认Jquery UI正确加载？我检查了链接和自动完成功能，它应该正常工作。同时删除其中一个Jquery调用。谢谢！

未捕获的TypeError：undefined不是函数

1 个答案: