Errore di runtime di Microsoft JScript: l'oggetto non supporta la proprietà o il metodo 'live'?

Question

sto Facendo clic sul pulsante viene visualizzato il seguente errore "Microsoft JScript errore di runtime: L'oggetto non supporta la proprietà o il metodo 'live'" La mia pagina Vedi è la seguente:

@model Charis.Models.Products 
@{ 
    ViewBag.Title = "Create"; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
<link href="../../Content/CharisSite.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
@using (Html.BeginForm("Create", "Prod", FormMethod.Post, new { enctype = "multipart/form-data" })) 
{ 
    @Html.ValidationSummary(true) 
    <table><tr><td> 
    <table> 
    <tr> 
    <td> 
    <fieldset> 
      <legend>Products</legend> 

    <table> 
     <tr> 
     <td> 
      <div class="editor-label"> 
      @Html.LabelFor(model => model.Productname) 
      </div> 
     </td> 
     <td> 
      <div class="editor-field"> 
      @Html.EditorFor(model => model.Productname) 
      @Html.ValidationMessageFor(model => model.Productname) 
      </div> 
     </td> 
     </tr> 
     <tr> 
     <td> 
      <div class="editor-label"> 
       @Html.LabelFor(model => model.ProductPrice) 
      </div> 
     </td> 
     <td> 
      <div class="editor-field"> 
      @Html.EditorFor(model => model.ProductPrice) 
      @Html.ValidationMessageFor(model => model.ProductPrice) 
      </div> 
     </td> 
     </tr> 
     <tr> 
     <td> 
      <div class="editor-label"> 
      @Html.LabelFor(model => model.ProductDiscount) 
      </div> 
     </td> 
     <td> 
      <div class="editor-field"> 
      @Html.EditorFor(model => model.ProductDiscount) 
      @Html.ValidationMessageFor(model => model.ProductDiscount) 
      </div> 
     </td> 
     </tr> 

     <tr> 
     <td> 
      <div class="editor-label"> 
       @Html.LabelFor(model => model.LanguageType) 
      </div> 
     </td> 
     <td> 
      <div class="editor-field"> 
      @Html.EditorFor(model => model.LanguageType) 
      @Html.ValidationMessageFor(model => model.LanguageType) 
      </div> 
     </td> 
     </tr> 

     <tr> 
     <td> 
      <div class="editor-label"> 
       @Html.LabelFor(model => model.ReleaseDate) 
      </div> 
     </td> 
     <td> 
       <div class="editor-field"> 
         @Html.EditorFor(model => model.ReleaseDate) 
         @Html.ValidationMessageFor(model => model.ReleaseDate) 
       </div> 
     </td> 
     </tr> 
     <tr> 
     <td> 
      <div class="editor-label"> 

       <label for="file">Upload Image:</label> 
      </div> 
     </td> 
     <td> 
       <div class="editor-field"> 
        <input type="file" name="file" id="file"/> 
       </div> 
     </td> 
     </tr> 

    </table> 

    </fieldset> 
    </td> 
    <td></td></tr> 
    </table> 

    </td></tr> 
    <tr><td> 



    <table> 
    <tr> 
    <td> 
     <fieldset> 
     <legend>Details</legend> 
      <table> 
       <tr> 
        <td> 
         <div class="editor-label"> 
          @Html.LabelFor(model => model.AlbumDescription1) 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          @Html.EditorFor(model => model.AlbumDescription1) 
          @Html.ValidationMessageFor(model => model.AlbumDescription1) 
         </div> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <div class="editor-label"> 
          @Html.LabelFor(model => model.AlbumDescription2) 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          @Html.EditorFor(model => model.AlbumDescription2) 
          @Html.ValidationMessageFor(model => model.AlbumDescription2) 
         </div> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <div class="editor-label"> 
          @Html.LabelFor(model => model.Cast) 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          @Html.EditorFor(model => model.Cast) 
          @Html.ValidationMessageFor(model => model.Cast) 
         </div> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <div class="editor-label"> 
          @Html.LabelFor(model => model.DirectedBy) 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          @Html.EditorFor(model => model.DirectedBy) 
          @Html.ValidationMessageFor(model => model.DirectedBy) 
         </div> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <div class="editor-label"> 
          @Html.LabelFor(model => model.ProducedBy) 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          @Html.EditorFor(model => model.ProducedBy) 
          @Html.ValidationMessageFor(model => model.ProducedBy) 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td> 
         <div class="editor-label"> 
          <label for="file">Upload Image1:</label> 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          <input type="file" name="file1" id="file1"/> 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td> 
         <div class="editor-label"> 
          <label for="file">Upload Image2:</label> 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          <input type="file" name="file2" id="file2"/> 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td> 
         <div class="editor-label"> 
          <label for="file">Upload Image3:</label> 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          <input type="file" name="file3" id="file3"/> 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td> 
         <div class="editor-label"> 
          <label for="file">Upload Image4:</label> 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          <input type="file" name="file4" id="file4"/> 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td> 
         <div class="editor-label"> 
          <label for="file">Upload Image5:</label> 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          <input type="file" name="file5" id="file5"/> 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td> 
         <div class="editor-label"> 
          @Html.LabelFor(model => model.NoOfDisk) 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          @Html.EditorFor(model => model.NoOfDisk) 
          @Html.ValidationMessageFor(model => model.NoOfDisk) 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td> 
         <div class="editor-label"> 
          @Html.LabelFor(model => model.Weight) 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          @Html.EditorFor(model => model.Weight) 
          @Html.ValidationMessageFor(model => model.Weight) 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td> 
         <div class="editor-label"> 
          @Html.LabelFor(model => model.Format) 
         </div> 
        </td> 
        <td> 
         <div class="editor-field"> 
          @Html.EditorFor(model => model.Format) 
          @Html.ValidationMessageFor(model => model.Format) 
         </div> 
        </td> 
       </tr> 

      </table> 
     </fieldset> 
    </td> 
    </tr> 
    </table> 



    </td></tr> 

    <tr><td> 
     <table><tr><td><fieldset><table> 
      <tr> 
       <td> 
       <p> 
        <input type="submit" value="Create" /> 
        <input type="button" value="Clear" id="btnClear" /> 
       </p> 
       </td> 
      </tr> 
     </table></fieldset></td></tr></table> 

    </td></tr> 

    </table> 

} 

@*<div> 
    @Html.ActionLink("Back to List", "Index") 
</div> 
*@ 
@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 
} 

@if (TempData["notice"] != null) 
{ 
<p style="color:Red;" >@TempData["notice"]</p> 
} 

Answer 1

voi stanno usando jquery latest (1.9 ...) in cui $(sel).live(...) è stato deprecato da qui il tuo messaggio di errore.

1) ripristinare una versione precedente di jQuery.

2) aggiornare il codice (sostituire live by on).

3) rimontare jquery-latest.

Answer 2

Si può anche guardare in tra cui jQuery migrazione per aiutare con l'aggiornamento a jQuery 1.9

Answer 3

Ho appena eseguito attraverso questo dopo l'aggiornamento a jQuery 1.9 me stesso. Tuttavia, noto che nessuno degli utenti (tranne AliRıza Adıyahşi in un collegamento senza spiegazione) ha precedentemente indicato quale parte del codice stava causando l'errore. Dopo tutto, se $(sel).live(...) è stato ritirato a favore di $(sel).on(...), allora è una soluzione piuttosto semplice, giusto?

Il problema è che questo errore viene gettata all'interno jquery.unobtrusive-ajax.js, che si include come parte del bundle in @Scripts.Render("~/bundles/jqueryval")

Dal momento che non si utilizza il modulo di Ajax o annullare, l'errore è improbabile che possa influenzare qualsiasi cosa (non è sul mio) ma non sono riuscito a trovare nulla da Microsoft su una correzione. La correzione, purtroppo, è di entrare e correggere la tua versione di jquery.unobtrusive-ajax.js che sostituisce le chiamate .live a .on() fino a che MS non corregge quella ufficiale.