Updates from Jens Show/Hide Comments | Keyboard Shortcuts

  • Jens 10:02 am on December 7, 2012 Permalink | Flag unresolved

      Tags: , ,   

      jQuery-Konflikt zw. Theme und Plugin: Wie den Fehler interpretieren? 

      Hallo zusammen, ich habe das Baylys-Theme und den HTML5 jQuery Audio Player auf der Seite http://www.guete.de im Einsatz. Es ist offensichtlich, dass Plugin und Theme einen Konflikt haben, der sich auf die mobile Navigation bezieht und etwas mit den verwendeten Javascript zu tun hat. Wenn der Player eingebunden wird, schiebt sich das Icon für die mobile Navi-Darstellung nicht mehr mit den Menüpunkten auf, wie sonst üblich. Wird der Player nicht in die Seite eingebettet, funktioniert die ausklappbare Navigation.
      Firebug meldet dazu:
      TypeError: jQuery(…).smoothScroll is not a function
      [Bei diesem Fehler anhalten]
      jQuery(‘a.top’).smoothScroll();

      Was könnte ich nun tun, um Plugin und Theme miteinander zu versöhnen?

       
      • Jens 1:18 pm on December 9, 2012 Permalink | Log in to Reply

        Könnte es vielleicht hiermit etwas zu tun haben, Ellen? In Deinem Theme sind drei interne jquery-Dateien vorhanden, das Audio-Plugin verweits aber auf ein externes jquery-file:
        The most common problem is a jQuery conflict. In short, if your theme loads jQuery library, then other plugin/s (like this one) also load jQuery then it can cause serious grief on the site and things start breaking. The solution is for all plugin developers and WordPress theme creators to use the copy of jQuery which is included in the WordPress core or load it from Google AJAX libraries, and to consider also using the noConflict jQuery mode (this plugin does all that).

        • Ellen 10:45 am on December 14, 2012 Permalink | Log in to Reply

          Du könntest einmal testen, ob der Player funktioniert, wenn du das SmoothScroll Script in der js/custom.js Datei deaktivierst. Das Script wird nicht ungebindt 100% benötigt, daher wäre es eine Option es zu löschen, um den Player laufen zu lassen. Die Script nutzen aber eigentlich auch schon alle den noConflict jQuery mode.

          Hoffentlich hilft der Tipp weiter. Grüße, Ellen

    • Jens 11:44 am on December 2, 2012 Permalink | Flag unresolved
      • Someone marked this normal
        6:44 pm on December 6, 2012
      • Someone marked this resolved
        6:14 am on December 6, 2012
      • Someone marked this unresolved
        5:37 am on December 6, 2012
      • Someone marked this normal
        5:36 am on December 6, 2012
      • Someone marked this resolved
        11:08 pm on December 5, 2012
      • Someone marked this unresolved
        11:08 pm on December 5, 2012

      Tags:   

      Baylys: Verständnisfrage YouTube-Einbindung 

      Hallo Forum, ich habe eine kleine Verständnisfrage. Ich möchte ein YouTube-Video in Baylys via iframe einbinden. Das Videos ist 420px breit, wird aber vom Theme auf maximale Contenbreite skaliert und damit arg verpixelt. Wie lässt sich das verhindern? Hier die Beispielseite: http://guete.de/guete-sucht-bass/

       
      • Ellen 7:38 pm on December 3, 2012 Permalink | Log in to Reply

        @jens Alle Videos (bzw. frame Inhalte) werden im Theme immer in der vollen Inhaltsbreite (760px) angezeigt, damit Videos für das responsive Layout skalierbar sind. Du müsstest also in den Einstellungen des Einbetten-Codes bei YouTube die Breite auf 760px stellen.

        Alternativ könntest du auch den iframe in einem zusätzlichen div-Containereinschließen und diesem div die benötigte Breite geben, also z.B.:

        <div class="video-small">
        dein iframe-Code...
        </div>
        

        Und dann in der style.css oder Via Custom CSS aus dem Jetpack-Plugin:

        .video-small {
        width: 420px !important;
        }
        
      • Jens 8:22 am on December 5, 2012 Permalink | Log in to Reply

        Ah, verstanden. Die Größe muss man bei YT dann explizit angeben, hier ein Screenshot dazu: http://postimage.org/image/u4bk1vylj/

    c
    compose new post
    j
    next post/next comment
    k
    previous post/previous comment
    r
    reply
    e
    edit
    o
    show/hide comments
    t
    go to top
    l
    go to login
    h
    show/hide help
    shift + esc
    cancel