ASP.NET <form runat=server> 打破jQuery

Question

In a nutshell, it seems that when an ASP.NET page has the <form runat=server> tag, it's breaking some jQuery scripts. Here's an example:

I have a very simple page that only has a checkbox, like this:

<input type="checkbox" id="myCheckbox01" />

and a call to a jQuery function like this:

<script language=javascript>
    $(document).ready(function () {
        $("[type=checkbox]").iphoneStyle();
    });
</script>

Please, note that I'm not referencing any IDs specifically. The jQuery call is for all checkboxes found in the page.

This is working fine, and the jQuery call works as expected. But...

When I enclose the checkbox in a ASP.NET form, like below:

<form runat="server" id="form1">
    <input type="checkbox" id="myCheckbox01" />
</form>

The jQuery call stops working, and I get the JavaScript error "Object doesn't support property or method 'iphoneStyle'" .

Again, please note that I'm not referencing any specific IDs, nor is the checkbox an ASP.NET (runat=server) control -- it's just a plain old checkbox.

I can't seem to track this problem down. Any help will be greatly appreciated.

Answer 1

I had this problem. jQuery itself would work but any plugin I added would not. I kept getting "Object doesn't support property or method..." complaints. The resolution was to move the references to the jQuery plugins from the Site.Master aspx page to the "main" page where I was using the jQuery plugin. I thought I was being clever by putting all my script references in the Site.Master but I was too clever afterall.

Answer 2

Change your script like this. it works for me

  <script language="javascript">
      $(document).ready(function () {
      $('input:checkbox').iphoneStyle();
      });
  </script>