Javascript Script Error: Object Expected

Question

I have a scriptlet in the ASPX page as below. When I browse to this page, the script debugger appears saying "Micosoft JScript runtime error: Object expected". I marked line with //<--error here. I removed everything and only left $(function(){}); It still complained about Object Expected. Do you know why? Thanks.

<fieldset>
    <button id="Case5" name = "Case5" class="wizard" title="click here to select the case">
    Case 5 - AAA </button><br />
    <button id="Case6" name = "Case6" class="wizard" title="click here to select the case">
    Case 6 - BBB </button><br />
</fieldset>

<script language="javascript" type="text/javascript">
$(function () { //<--error here
    (":button").click(function () {
        appendSelection(this);
    });
});

function appendSelection(btn) {
    //ToDo: append the selected value to the hyperlink

    var caseNumber = btn.id;
    switch (caseNumber) {
       ....
    }
}

In the Site.Master the script libraries are

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.1.js" type="text/javascript"></script>


<script src="<%: Url.Content("~/Scripts/ui/jquery.ui.datepicker.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/datetimepicker_css.js") %>" type="text/javascript" ></script>
<script src="<%: Url.Content("~/Scripts/lang/calendar-en.min.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/json2.js") %>" type="text/javascript"></script>
<script type="text/javascript">var appRoot =  '<%:Url.Content("~/")%>'</script>
<script src="<%: Url.Content("~/Scripts/MyApp.js") %>" type="text/javascript"></script>

You're probably missing the dollar sign in front of (":button"). — Codo
– Codo, Commented Aug 9, 2011 at 17:17

Marc B · Accepted Answer · 2011-08-09 17:17:50Z

4

(":button").click(function () {

should be

$(":button").click(function () {
^---missing $

answered Aug 9, 2011 at 17:17

Marc B

362k44 gold badges433 silver badges508 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

John Kalberer · Accepted Answer · 2011-08-09 17:18:34Z

0

I think your issue is that you have a minor issue in your javascript and need to use the '$' to invoke jQuery in your selector.

This:

(":button").click(function () {
    appendSelection(this);
});

Needs to use jQuery for the selector as this:

$(":button").click(function () {
    appendSelection(this);
});

answered Aug 9, 2011 at 17:18

John Kalberer

5,8001 gold badge25 silver badges27 bronze badges

Collectives™ on Stack Overflow

Javascript Script Error: Object Expected

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related