Brauche Hilfe - Links im Handy Menü müssen doppelt angeklickt werden

  • Hallo, ich brauch Hilfe von einem Profi für eine meiner html Websites. In einem anderen großen Forum wurde meine Frage einfach als Spam degradiert und ignoriert, was mich sehr enttäuscht hat. ich hoffe, hier kann mir jemand helfen.

    Wird das Menü im Handy geöffnet, müssen die Links, die ein Dropdwon Menü haben, doppelt angeklickt werden, bevor sie reagieren. D.h. der klick reagiert erst, wenn man ein 2. Mal mit dem Finger drauf tippt. Bei den Menü-Punkten, die kein Dropdown haben, ist das nicht der Fall. Woran könnte das liegen? Welche Einstellung hat darauf Einfluss? Ich habe schon viele Websites erstellt und hatte dieses Problem nie, und habe einfach null Ideen was ich machen könnte.


    ch habe es auf zwei verschiedenen Handys ausprobiert es ist bei beiden das gleiche


    Vielen Dank für eure Unterstützung.

  • In einem anderen großen Forum wurde meine Frage einfach als Spam degradiert und ignoriert,

    Das ist eine Typische Seite die gerne gespammt wird.

    Gerade dann wenn es keine probleme gibt.


    Habe erstmal mit Chrom deine Seite getestet und dann mit Handy.

    Kann nix von deinen problem finden.


    Finde es nur etwas lange bis die Seite neu läd wenn man einen Link anklickt ( doppel klick macht es auch nicht schneller ).


    Also , doch Spam ?

  • Also , doch Spam ?

    Nein, ist es nicht. Als ich mir die Seite am Handy angeschaut habe (als der Link noch da war), hatte ich genau das gleiche Verhalten, wie er/sie es beschrieben hat.

    Vielleicht hat sich da mittlerweile was getan, aber anfangs war das Problem da.

  • Du solltest erstmal deine Css reparieren.

    Ich hatte da schon 20 Errors gefunden und dann habe ich das mal durch den Validator gejagt und der hatte das sogar noch getopt.


    Du hast im html 2 mal

    Code
    <meta charset="utf-8">

    eingebunden.

    Das ist einmal zu viel und du solltest das 2te löschen.

    Dann hast du weiter unten in Code was gemacht was mich etwas verwirt.

    Hier mal gekürzt zum veranschaulichen

    Code
    <a href="partner-werden.html">
          <p class="heading-6 text-bold">Jetzt Partner werden</p>
              <a href="partner-werden.html">
                 <img src="images/pm-international.jpg">
             </a>
             <a href="partner-werden.html">Melde Dich bei uns</a>
          </p>
    </a>

    Link im Link verschachtelt und dann noch 3 mal der selber Link ? Ab da blockert der Validator auch und testet gar nicht mehr den rest.

    Dieses <a> in <a> das hast du auf mehreren Unterseiten.


    Es sind noch paar andere html Fehler die nicht ganz so schlimm sind.

    Bei der Css müssen die Errors weg , weil da zb nur sowas steht

    Code
    background-color: ;
    color: ;
    pointer-events:;
    color:inherit;
    usw...

    die 1200 Warnungen sind nicht so schlimm weil die durch die -webkit- und -ms- sch... kommt.

    Wenn das ja sonst immer geht wie du sagst könnte es sein das es danach geht, aber bin jetzt zu müde um weiter zu kucken.

    Achso gleich das erste Script hat auch ein Error.

    Zeile 62 glaube ich war das. Da mußt du wahrscheinlich Zeile 63 hinter Kopieren.

  • Hallo an alle,

    danke euch für die hilfreichen Infos. Ich hoffe, dass wenn ich diese Fehler rausgenommen habe, das Problem behoben ist.
    Ich hatte den Link rausgelöscht, damit ich hier nicht auch gleich wieder geblockt werde. Wir sind keine Spammer und seriöse Unternehmer seit 20 Jahren. Aber halt keine html Profis. :)
    Ich danke vorerst für die Mühe. Ich mache mich da dran und hoffe es macht einen Unterschied!
    Allerdings kann ich mir nicht vorstellen, dass die css Errors, nur weil da leere Zeilen stehen, sich das auf das klickverhalten des Menü auswirkt. :(

  • Also ich habe jetzt mal alle Fehler behoben. Der Validator zeigt mir für css und Unterseiten keine errors mehr an. An dem Klickverhalten im Handy Menü hat dies jedoch nichts verändert.

    Wenn jemand noch eine Idee hat, wäre ich SEHR DANKBAR!

  • Du könntest deinen Js Fehler auch noch beseitigen.

    Im Zeile 60 hast du die function stehen

    Code
    function gaOptout() {
            document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;
            path=/';
            window[disableStr] = true;
    }

    Meiner Meinung nach sollte das so aussehen

    Code
    function gaOptout() {
            document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;path=/';
            window[disableStr] = true;
    }

    Ich weiß ja nicht ob dein Menü ein Javascript benutzt.

    Hatte mir deine ganze JS Datei noch nicht angeschaut.

    Falls ja,,

    "könnte" es sein das der Error von diesen Fehler hier das weiter Laden der Js verhindert.


    Ich hatte zwar schon mal nach Css Fehler gesucht die den Fehler mit den Doppelklick verursachen aber konnte nix finden,.


    Werde gleich nochmal schauen ob da nee Js Datei drauf zugreift.

    In nofall kann man den Doppelklick auch mit Js weg machen.

    das dürfte mit ein 3 Zeiler machbar sein

  • AuroraLife

    Könntest du mal dein JS-Abschnitt betreffend der Links posten? Vor allem den Part mit dem Touchstart-Event deiner Links.



    Mein Problem ist, dass ich js überhaupt nicht kann.... Das müsste dieser Bereich sein, oder? Ich weiß auch nicht, warum brackets das Dokument in diesem fortlaufenden Text öffnet, ich hoffe das ist der richtige Abschnitt und du kannst das lesen.



    /**

    * @module RD Navbar

    * @author Evgeniy Gusarov

    * @version 2.1.8

    **/

    (function(){var a;a="ontouchstart"in window,function(b,c,d){var e;return e=function(){function e(a,e){this.options=b.extend(!1,{},this.Defaults,e),this.$element=b(a),this.$clone=null,this.$win=b(d),this.$doc=b(c),this.currentLayout=this.options.layout,this.loaded=!1,this.focusOnHover=this.options.focusOnHover,this.focusTimer=!1,this.cloneTimer=!1,this.isStuck=!1,this.initialize()}return e.prototype.Defaults={layout:"rd-navbar-static",deviceLayout:"rd-navbar-fixed",focusOnHover:!0,focusOnHoverTimeout:800,linkedElements:["html"],domAppend:!0,stickUp:!0,stickUpClone:!0,stickUpOffset:"100%",anchorNavSpeed:400,anchorNavOffset:0,anchorNavEasing:"swing",autoHeight:!0,responsive:{0:{layout:"rd-navbar-fixed",deviceLayout:"rd-navbar-fixed",focusOnHover:!1,stickUp:!1},992:{layout:"rd-navbar-static",deviceLayout:"rd-navbar-static",focusOnHover:!0,stickUp:!0}},callbacks:{onToggleSwitch:!1,onToggleClose:!1,onDomAppend:!1,onDropdownOver:!1,onDropdownOut:!1,onDropdownToggle:!1,onDropdownClose:!1,onStuck:!1,onUnstuck:!1,onAnchorChange:!1}},e.prototype.initialize=function(){var b;return b=this,b.$element.addClass("rd-navbar").addClass(b.options.layout),a&&b.$element.addClass("rd-navbar--is-touch"),b.setDataAPI(b),b.options.domAppend&&b.createNav(b),b.options.stickUpClone&&b.createClone(b),b.$element.addClass("rd-navbar-original"),b.addAdditionalClassToToggles(".rd-navbar-original","toggle-original","toggle-original-elements"),b.applyHandlers(b),b.offset=b.$element.offset().top,b.height=b.$element.outerHeight(),b.loaded=!0,b},e.prototype.resize=function(c,d){var e,f;return f=a?c.getOption("deviceLayout"):c.getOption("layout"),e=c.$element.add(c.$clone),f===c.currentLayout&&c.loaded||(c.switchClass(e,c.currentLayout,f),null!=c.options.linkedElements&&b.grep(c.options.linkedElements,function(a,b){return c.switchClass(a,c.currentLayout+"-linked",f+"-linked")}),c.currentLayout=f),c.focusOnHover=c.getOption("focusOnHover"),c},e.prototype.stickUp=function(a,c){var d,e,f,g,h;return e=a.getOption("stickUp"),(b("html").hasClass("ios")||a.$element.hasClass("rd-navbar-fixed"))&&(e=!1),d=a.$doc.scrollTop(),g=null!=a.$clone?a.$clone:a.$element,f=a.getOption("stickUpOffset"),h="string"==typeof f?f.indexOf("%")>0?parseFloat(f)*a.height/100:parseFloat(f):f,e?(d>=h&&!a.isStuck||d<h&&a.isStuck)&&(a.$element.add(a.$clone).find("[data-rd-navbar-toggle]").each(function(){b.proxy(a.closeToggle,this)(a,!1)}).end().find(".rd-navbar-submenu").removeClass("opened").removeClass("focus"),d>=h&&!a.isStuck&&!a.$element.hasClass("rd-navbar-fixed")?("resize"===c.type?a.switchClass(g,"","rd-navbar--is-stuck"):g.addClass("rd-navbar--is-stuck"),a.isStuck=!0,a.options.callbacks.onStuck&&a.options.callbacks.onStuck.call(a)):("resize"===c.type?a.switchClass(g,"rd-navbar--is-stuck",""):g.removeClass("rd-navbar--is-stuck").one("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",b.proxy(a.resizeWrap,a,c)),a.isStuck=!1,a.options.callbacks.onUnstuck&&a.options.callbacks.onUnstuck.call(a))):(a.$element.find(".rd-navbar-submenu").removeClass("opened").removeClass("focus"),a.isStuck&&(a.switchClass(g,"rd-navbar--is-stuck",""),a.isStuck=!1,a.resizeWrap(c))),a},e.prototype.resizeWrap=function(a){var b,c;if(c=this,null==c.$clone&&!c.isStuck)return b=c.$element.parent(),c.getOption("autoHeight")?(c.height=c.$element.outerHeight(),"resize"===a.type?(b.addClass("rd-navbar--no-transition").css("height",c.height),b[0].offsetHeight,b.removeClass("rd-navbar--no-transition")):b.css("height",c.height)):void b.css("height","auto")},e.prototype.createNav=function(a){return a.$element.find(".rd-navbar-dropdown, .rd-navbar-megamenu").each(function(){var a,c;return a=b(this),c=this.getBoundingClientRect(),c.left+a.outerWidth()>=d.innerWidth-10?this.className+=" rd-navbar-open-left":c.left-a.outerWidth()<=10&&(this.className+=" rd-navbar-open-right"),a.hasClass("rd-navbar-megamenu")?a.parent().addClass("rd-navbar--has-megamenu"):a.parent().addClass("rd-navbar--has-dropdown")}).parents("li").addClass("rd-navbar-submenu"),b('<span class="rd-navbar-submenu-toggle"></span>').insertAfter(".rd-navbar-nav li.rd-navbar-submenu > a"),a.options.callbacks.onDomAppend&&a.options.callbacks.onDomAppend.call(this),a},e.prototype.createClone=function(a){return a.$clone=a.$element.clone().insertAfter(a.$element).addClass("rd-navbar--is-clone"),a.addAdditionalClassToToggles(".rd-navbar--is-clone","toggle-cloned","toggle-cloned-elements"),a},e.prototype.closeToggle=function(a,c){var d,e,f,g,h,i,j;return e=b(c.target),h=!1,i=this.getAttribute("data-rd-navbar-toggle"),a.options.stickUpClone&&a.isStuck?(g=".toggle-cloned",f=".toggle-cloned-elements",j=!e.hasClass("toggle-cloned")):(g=".toggle-original",f=".toggle-original-elements",j=!e.hasClass("toggle-original")),c.target!==this&&!e.parents(g+"[data-rd-navbar-toggle]").length&&!e.parents(f).length&&i&&j&&(d=b(this).parents("body").find(i).add(b(this).parents(".rd-navbar")[0]),d.each(function(){if(!h)return h=(c.target===this||b.contains(this,c.target))===!0}),h||(d.add(this).removeClass("active"),a.options.callbacks.onToggleClose&&a.options.callbacks.onToggleClose.call(this,a))),this},e.prototype.switchToggle=function(a,c){var d,e,f;return c.preventDefault(),b(this).hasClass("toggle-cloned")?(f=".rd-navbar--is-clone",d=".toggle-cloned-elements"):(f=".rd-navbar-original",d=".toggle-original-elements"),(e=this.getAttribute("data-rd-navbar-toggle"))&&(b(f+" [data-rd-navbar-toggle]").not(this).each(function(){var a;if(a=this.getAttribute("data-rd-navbar-toggle"))return b(this).parents("body").find(f+" "+a+d).add(this).add(b.inArray(".rd-navbar",a.split(/\s*,\s*/i))>-1&&b(this).parents("body")[0]).removeClass("active")}),b(this).parents("body").find(f+" "+e+d).add(this).add(b.inArray(".rd-navbar",e.split(/\s*,\s*/i))>-1&&b(this).parents(".rd-navbar")[0]).toggleClass("active")),

  • a.options.callbacks.onToggleSwitch&&a.options.callbacks.onToggleSwitch.call(this,a),this},e.prototype.dropdownOver=function(a,c){var d;return a.focusOnHover&&(d=b(this),clearTimeout(c),d.addClass("focus").siblings().removeClass("opened").each(a.dropdownUnfocus),a.options.callbacks.onDropdownOver&&a.options.callbacks.onDropdownOver.call(this,a)),this},e.prototype.dropdownTouch=function(a,c){var d,e;if(d=b(this),clearTimeout(c),a.focusOnHover){if(e=!1,d.hasClass("focus")&&(e=!0),!e)return d.addClass("focus").siblings().removeClass("opened").each(a.dropdownUnfocus),!1;a.options.callbacks.onDropdownOver&&a.options.callbacks.onDropdownOver.call(this,a)}return this},e.prototype.dropdownOut=function(a,c){var d;return a.focusOnHover&&(d=b(this),d.one("mouseenter.navbar",function(){return clearTimeout(c)}),clearTimeout(c),c=setTimeout(b.proxy(a.dropdownUnfocus,this,a),a.options.focusOnHoverTimeout),a.options.callbacks.onDropdownOut&&a.options.callbacks.onDropdownOut.call(this,a)),this},e.prototype.dropdownUnfocus=function(a){var c;return c=b(this),c.find("li.focus").add(this).removeClass("focus"),this},e.prototype.dropdownClose=function(a,c){var d;return c.target===this||b(c.target).parents(".rd-navbar-submenu").length||(d=b(this),d.find("li.focus").add(this).removeClass("focus").removeClass("opened"),a.options.callbacks.onDropdownClose&&a.options.callbacks.onDropdownClose.call(this,a)),this},e.prototype.dropdownToggle=function(a){return b(this).toggleClass("opened").siblings().removeClass("opened"),a.options.callbacks.onDropdownToggle&&a.options.callbacks.onDropdownToggle.call(this,a),this},e.prototype.goToAnchor=function(a,c){var d,e;return e=this.hash,d=b(e),d.length&&(c.preventDefault(),b("html, body").stop().animate({scrollTop:d.offset().top+a.getOption("anchorNavOffset")+1},a.getOption("anchorNavSpeed"),a.getOption("anchorNavEasing"),function(){return a.changeAnchor(e)})),this},e.prototype.activateAnchor=function(a){var c,d,e,f,g,h,i,j,k,l,m,n;if(f=this,m=f.$doc.scrollTop(),n=f.$win.height(),g=f.$doc.height(),l=f.getOption("anchorNavOffset"),m+n>g-50)return c=b('[data-type="anchor"]').last(),c.length&&c.offset().top>=m&&(h="#"+c.attr("id"),d=b('.rd-navbar-nav a[href^="'+h+'"]').parent(),d.hasClass("active")||(d.addClass("active").siblings().removeClass("active"),f.options.callbacks.onAnchorChange&&f.options.callbacks.onAnchorChange.call(c[0],f))),c;k=b('.rd-navbar-nav a[href^="#"]').get();for(i in k)j=k[i],e=b(j),h=e.attr("href"),c=b(h),c.length&&c.offset().top+l<=m&&c.offset().top+c.outerHeight()>m&&(e.parent().addClass("active").siblings().removeClass("active"),f.options.callbacks.onAnchorChange&&f.options.callbacks.onAnchorChange.call(c[0],f));return null},e.prototype.getAnchor=function(){return history&&history.state?history.state.id:null},e.prototype.changeAnchor=function(a){return history&&(history.state&&history.state.id!==a?history.replaceState({anchorId:a},null,a):history.pushState({anchorId:a},null,a)),this},e.prototype.applyHandlers=function(a){return null!=a.options.responsive&&a.$win.on("resize.navbar",b.proxy(a.resize,a.$win[0],a)).on("resize.navbar",b.proxy(a.resizeWrap,a)).on("resize.navbar",b.proxy(a.stickUp,null!=a.$clone?a.$clone:a.$element,a)).on("orientationchange.navbar",b.proxy(a.resize,a.$win[0],a)).trigger("resize.navbar"),a.$doc.on("scroll.navbar",b.proxy(a.stickUp,null!=a.$clone?a.$clone:a.$element,a)).on("scroll.navbar",b.proxy(a.activateAnchor,a)),a.$element.add(a.$clone).find("[data-rd-navbar-toggle]").each(function(){var c;return c=b(this),c.on("click",b.proxy(a.switchToggle,this,a)),c.parents("body").on("click",b.proxy(a.closeToggle,this,a))}),a.$element.add(a.$clone).find(".rd-navbar-submenu").each(function(){var c,d;return c=b(this),d=c.parents(".rd-navbar--is-clone").length?a.cloneTimer:a.focusTimer,c.on("mouseleave.navbar",b.proxy(a.dropdownOut,this,a,d)),c.find("> a").on("mouseenter.navbar",b.proxy(a.dropdownOver,this,a,d)),c.find("> a").on("touchstart.navbar",b.proxy(a.dropdownTouch,this,a,d)),c.find("> .rd-navbar-submenu-toggle").on("click",b.proxy(a.dropdownToggle,this,a)),c.parents("body").on("click",b.proxy(a.dropdownClose,this,a))}),

    a.$element.add(a.$clone).find('.rd-navbar-nav a[href^="#"]').each(function(){return b(this).on("click",b.proxy(a.goToAnchor,this,a))}),a},e.prototype.switchClass=function(a,c,d){var e;return e=a instanceof jQuery?a:b(a),e.addClass("rd-navbar--no-transition").removeClass(c).addClass(d),e[0].offsetHeight,e.removeClass("rd-navbar--no-transition")},e.prototype.setDataAPI=function(a){var b,c,d,e,f,g;for(b=["-","-xs-","-sm-","-md-","-lg-","-xl-"],g=[0,480,768,992,1200,1800],c=d=0,e=g.length;d<e;c=++d)f=g[c],this.$element.attr("data"+b[c]+"layout")&&(this.options.responsive[g[c]]||(this.options.responsive[g[c]]={}),this.options.responsive[g[c]].layout=this.$element.attr("data"+b[c]+"layout")),this.$element.attr("data"+b[c]+"device-layout")&&(this.options.responsive[g[c]]||(this.options.responsive[g[c]]={}),this.options.responsive[g[c]].deviceLayout=this.$element.attr("data"+b[c]+"device-layout")),this.$element.attr("data"+b[c]+"hover-on")&&(this.options.responsive[g[c]]||(this.options.responsive[g[c]]={}),this.options.responsive[g[c]].focusOnHover="true"===this.$element.attr("data"+b[c]+"hover-on")),this.$element.attr("data"+b[c]+"auto-height")&&(this.options.responsive[g[c]]||(this.options.responsive[g[c]]={}),this.options.responsive[g[c]].autoHeight="true"===this.$element.attr("data"+b[c]+"auto-height")),this.$element.attr("data"+b[c]+"stick-up-offset")&&(this.options.responsive[g[c]]||(this.options.responsive[g[c]]={}),this.options.responsive[g[c]].stickUpOffset=this.$element.attr("data"+b[c]+"stick-up-offset"))},e.prototype.getOption=function(a){var b,c;for(b in this.options.responsive)b<=d.innerWidth&&(c=b);return null!=this.options.responsive&&null!=this.options.responsive[c][a]?this.options.responsive[c][a]:this.options[a]},e.prototype.addAdditionalClassToToggles=function(a,c,d){return b(a).find("[data-rd-navbar-toggle]").each(function(){var e;return b(this).addClass(c),e=this.getAttribute("data-rd-navbar-toggle"),b(this).parents("body").find(a).find(e).addClass(d)})},e}(),b.fn.extend({RDNavbar:function(a){var c;if(c=b(this),!c.data("RDNavbar"))return c.data("RDNavbar",new e(this,a))}}),d.RDNavbar=e}(window.jQuery,document,window),"undefined"!=typeof module&&null!==module?module.exports=window.RDNavbar:"function"==typeof define&&define.amd&&define(["jquery"],function(){"use strict";return window.RDNavbar})}).call(this);

  • Du könntest deinen Js Fehler auch noch beseitigen.

    Im Zeile 60 hast du die function stehen

    Code
    function gaOptout() {
            document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;
            path=/';
            window[disableStr] = true;
    }

    Meiner Meinung nach sollte das so aussehen

    Code
    function gaOptout() {
            document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;path=/';
            window[disableStr] = true;
    }

    Danke, das habe ich gemacht. Hat aber bis jetzt auf dem handy noch keinen Unterschied gemacht

  • AuroraLife

    Hab mir den Code jetzt grad mal bischen angeschaut.

    Leider ist so ein kompliziert nachvollziebar und ordentlich zusammengestaucht geschriebener Code weit verbreitet.

    Sich mit so einem Code dann zu beschäftigen ist für mich Augenkrebs.

    Echt ich würde niemals so schlecht wartbaren Code schreiben, nur um paar KB's zu sparen.


    Würde ich mich jetzt etwas länger damit beschäftigen wäre das Problem zu lösen.

    Das eigentliche Problem ist ja, das beim ersten Touch, der entsprechende Menüpunkt die Klasse "focus" bekommt.

    Beim zweiten Touch wird bei der Überprüfung, ob die Klasse "focus" vorhanden ist, ersteres nicht mehr aktiv.


    Dazu ist im Code die Funktion:

    da. Allerdings scheint es mir so, als gäbe es da noch einen längeren Rattenschwanz.

    Dafür ist mir der Aufwand ehrlich gesagt zu viel. Da verliere ich die Lust, mich durch diesen schlechten, unleserlichen Code zu wühlen, sorry.

  • Leider ist so ein kompliziert nachvollziebar und ordentlich zusammengestaucht geschriebener Code weit verbreitet.

    Sich mit so einem Code dann zu beschäftigen ist für mich Augenkrebs.

    Echt ich würde niemals so schlecht wartbaren Code schreiben, nur um paar KB's zu sparen.

    Das ist minimierter, bzw. komprimierter Quellcode, wenn du das vernünftig lesen willst, dann würde ich hier nachsehen: https://github.com/ZemezPlugin…st/js/jquery.rd-navbar.js


    AuroraLife

    Wenn es um Quellcodes geht, die du irgendwo her downgeloaded hast, solltest du den Hersteller kontaktieren.


    Nachtrag: außerdem sollte man die letzte Version einsetzen, vielleicht ist das Problem dann schon behoben.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!