Onclick funktioniert nicht. Cannot read property 'klicken Sie auf' null

TL;DR:

jQuery( document ).ready(function( $ ) {
  //Code using $ as usual goes here.
  //And document is ready too
});

Was ist das Problem?

Prototype.js geladen wurde nach jQuery war und überschreiben die globalen $ symbol.

Wie können wir damit umgehen?

Haben Sie immer noch jQuery global zu verwenden. Nur verwenden Sie es überall dort, wo Sie Sie benutzen wollen $.

//Pick Device Type
jQuery('.choicelabel').click(function(){
    deviceType = jQuery(this).children('input').val();
    showGen();
});

//Pick Device Gen
jQuery('.choiceType').click(function(){
    modelType = jQuery(this).children('input').val();
    //jQuery(".iphoneGens").css("display", "none");
    console.log(deviceType);
    console.log(modelType);
    jQuery(this).parents(".row").hide();
});

Können Sie auch definieren Sie Kürzel für die es vereinfachen:

jQ = jQuery;

Gemeinsamen best practice für Fälle wie diese ist die Verwendung IIFE wrap für deinen code:

;(function($){ //see note-1
  //Use $ here! It's jQuery now
  $(function(){
    //be sure DOM was loaded before work with it(ex: binding events)
  });
})(jQuery);

Diesem nichts hinzufügt, um die Globale Reichweite und erreicht, was wir brauchen.

Sie können immer Spritzen einige andere Bibliotheken(prototypejs?) mit alias, was Sie wollen, um diese IIFE.

Hinweis-1: Semikolon vor IIFE schützt javascript aus früheren Ausdruck mit fehlenden Semikolon interpretiert werden als Funktion aufrufen.

jQuery selbst bietet die Kurzform für diesen Fall:

jQuery( document ).ready(function( $ ) {
  //Code using $ as usual goes here.
  //And document is ready too
});