Verwenden der neueren Version von jquery ui neben der älteren Version in der Masterseite

Die Masterseite in einem asp.net-Projekt verwendet jquery 1.10.2 und jquery-ui 1.10.1. Ich versuche, jquery 1.12.4 und jquery 1.12.1 zu verwenden, um die "checkboxradio" -Funktion zu verwenden.Verwenden der neueren Version von jquery ui neben der älteren Version in der Masterseite

Im Moment habe ich dies von http://www.ipreferjim.com/2011/06/loading-newer-versions-of-jquery-and-jquery-ui-noconflict/ gefunden, aber es scheint immer noch nicht richtig zu arbeiten, wie ich

Uncaught Error: No label found for checkboxradio widget...

Im Header (auch versucht, dies nach dem Körper) erhalten

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     var $jQuery = jQuery.noConflict(true); 
     jQuery = $jQuery; // forces the new jQuery into global 

     jQuery(function ($) { 
      $.getScript('https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', function() { 
       $("input[type='checkbox']").checkboxradio(); 
      }); 
     }); 
    </script>

Im Körper

<label for="checkbox-nested-1">Heavy Metal<input type="checkbox" name="checkbox-nested-1" id="checkbox1"></label> 
<label for="checkbox-nested-1">Rap<input type="checkbox" name="checkbox-nested-1" id="checkbox2"></label> 
<label for="checkbox-nested-1">Pop<input type="checkbox" name="checkbox-nested-1" id="checkbox3"></label>

Danke für die Hilfe!

Quelle

2016-12-29 dave k

Versuchen Sie, das Attribut 'for' zu ändern, um das Attribut id anstelle des Attributs name zu verwenden. – Bindrid

das schien nicht zu helfen. Sogar meine Checkboxen mit dem Beispiel von jqueryui.com ersetzt und das hat auch nicht funktioniert. –

Es begann so schnell für mich arbeiten, wie ich es geändert, um die ID zu verwenden, wie in meinem Kommentar erwähnt.

 <!DOCTYPE html> 
     <html> 
      <head> 

       <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> 
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script> 
       <script type="text/javascript"> 
      var $jQuery = jQuery.noConflict(true); 
      jQuery = $jQuery; // forces the new jQuery into global 

      jQuery(function ($) { 
       $.getScript('https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', function() { 
        $("input[type='checkbox']").checkboxradio(); 
       }); 
      }); 
       </script> 
      </head> 
      <body> 
       <label for="checkbox1">Heavy Metal<input type="checkbox" name="checkbox-nested-1" id="checkbox1"></label> 
       <label for="checkbox2">Rap<input type="checkbox" name="checkbox-nested-1" id="checkbox2"></label> 
       <label for="checkbox3">Pop<input type="checkbox" name="checkbox-nested-1" id="checkbox3"></label> 
      </body> 
     </html>

Quelle

2016-12-29 19:19:54 Bindrid

Verwenden der neueren Version von jquery ui neben der älteren Version in der Masterseite

Antwort

Verwandte Themen