Erstelle meine Mobile Internetseite.

DamianToczek

Gesperrt
Hallo,
ich hab beschlossen diesen Thread zu öffnen da ich sonnst viel zu viele Themen öffnen würde. Es wäre besser für das Forum was SEO angeht aber naja. Die Community wäre wahrscheinlich genervt.

Ist es möglich diesen Code kürzen und effektiver zu machen?
Code:
<script>
jQuery(document).ready(function($) {

  var ww = window.innerWidth;

  $(function() {
    $(".navbutton").click(function(e) {
      e.preventDefault();
      $(this).toggleClass("menu-active");
      $("#myNav").toggle();
    });
    adjustMenu();
  });

  $(window).bind('resize orientationchange', function() {
    ww = window.innerWidth;
    adjustMenu();
  });

  var adjustMenu = function() {
    if (ww < 979) {
      if (!$(".navbutton").hasClass("menu-active")) {
        $("#myNav").hide();
      } else {
        $("#myNav").show();
      }
    } else if (ww >= 979) {
      $("#myNav").show();
    }
  }
});
</script>
<script>
$(document).ready(function() {
// your on click function here
$('a').click(function() {
  $('#load_content').load($(this).attr('href'), function() {
    $("#myNav").hide();
  });

  return false;
});
});
</script>
 
Von den letzten 8 erstellten Themen in diesem Unterforum stammen jetzt 7 von dir.

Das Forum ist nicht dazu da, um dir das Googlen oder Lesen von Tutorials oder allgemein eigene Arbeit abzunehmen.

Ich möchte dich deswegen bitten, in Zukunft nicht einfach nur etwas zu posten, und dann andere die Arbeit für dich erledigen zu lassen.
Man sollte wenigstens merken, dass du dir Mühe gibst, und das ist bei deinen bisherigen Beiträgen einfach nicht der Fall.

MfG
Laudian
 
Bis jetzt mache ich meine Internetseite seid ca 5 Tagen, jeden Tag sitze ich dran und mache neue Sachen. Nebenbei lerne ich JQuery. Muss später herausfinden wie ich Bilder vergrößern kann wenn man drauf clickt.
Also dass ich mir keine Mühen mache ist schon unter aller Sau.
 
Ja du kannst zum Beispiel das Javascript ganz weglassen. Denn so wie es aussieht soll es nur ein Hovermenü über einen Toggle steuern. Das bekommt man auch mit dem Pseudoevent :focus in CSS hin.
dropdown css focus - Google-Suche

Eine weitere Möglichkeit wäre mit :target. Allerdings ist es damit doch etwas fummeliger.

PS: Und noch ein kleiner Tipp von jemanden, der das schon eine gang ganz ganz lange Weile macht. Lerne erst einmal alles zu Fuß mit HTML, CSS und Javascript und fange dann erst mit so Bibliotheken wie JQuery (Ist eine Javascript-Bibliothek, und keine Programmiersprache ;) ) an. Denn dann fällt es auch leichter, für sowas eine Lösung zu finden. Gerade wenn du mit JQuery arbeitest, kannst du die Effizienz meist nur mit einem Minifier erhöhen. Deswegen würde ich auf Javascript und JQuery nur setzen, wenn es sich wirklich lohnt. Dafür lohnt es sich aber eigentlich noch nicht.
 
Zuletzt bearbeitet:
Ja du kannst zum Beispiel das Javascript ganz weglassen. Denn so wie es aussieht soll es nur ein Hovermenü über einen Toggle steuern. Das bekommt man auch mit dem Pseudoevent :focus in CSS hin.
dropdown css focus - Google-Suche

Eine weitere Möglichkeit wäre mit :target. Allerdings ist es damit doch etwas fummeliger.

PS: Und noch ein kleiner Tipp von jemanden, der das schon eine gang ganz ganz lange Weile macht. Lerne erst einmal alles zu Fuß mit HTML, CSS und Javascript und fange dann erst mit so Bibliotheken wie JQuery (Ist eine Javascript-Bibliothek, und keine Programmiersprache ;) ) an. Denn dann fällt es auch leichter, für sowas eine Lösung zu finden. Gerade wenn du mit JQuery arbeitest, kannst du die Effizienz meist nur mit einem Minifier erhöhen. Deswegen würde ich auf Javascript und JQuery nur setzen, wenn es sich wirklich lohnt. Dafür lohnt es sich aber eigentlich noch nicht.

Dass mit Focus, Active usw kenne ich, Problem ist nur dass dieses "Menü" nicht von selber aus gehen soll. Man kann auch ein erweitertes Menü machen mit dem Code was ich hab. Also es wäre auch ein Menü im Menü möglich. Mit :focus nicht :)
 
Das stimmt natürlich. Dann musst du den Code durch einen Minifier jagen. Und vor allem schreibe den Code in ein Ready-Event und registrier keine 2. Denn dann kannste dir das </script><script> zwischen den Blöcken sparen und der Browser hat ein Event weniger zu prüfen.
 
Zurück