Question

I just switched my App to run on MVC3 and the Razor view engine, and now I’m getting a JavaScript error. The thing is, nothing has changed on the JavaScript side of things… it worked before.

Here’s the code

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
    var json_region = [{"value":365,"label":"Calgary"},{"value":368,"label":"Canmore"},{"value":393,"label":"Edmonton"}]
    $(function() {
        $('#UserRegion').autocomplete({
            source: json_region,
            selectFirst: true,
            select: function( event, ui ) {
                $('#RegionID').val( ui.item.value );
                $('#UserRegion').val( ui.item.label );
                return false;
            }
        });
    });
</script>

<script type="text/javascript" src="/Extras/urbannow.js/1"></script>
<script src="/Assets/Scripts/jquery.ui.autocomplete.selectfirst.js" type="text/javascript"></script>
<script src="/Assets/Scripts/wmd.js" type="text/javascript"></script>
<script src="/Assets/Scripts/showdown.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script src="/Assets/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>

And this is erroring

$('#UserRegion').autocomplete({

The console says

SCRIPT438: Object doesn’t support this property or method

And I just can’t figure this one out.

Answer 1

You’re including jQuery twice.