Shopsystem ShopPilot

ShopPilot => ShopPilot Enterprise => Thema gestartet von: admin am Oktober 25, 2013, 12:15:12

Titel: Nutzung von tabs aus jquery-ui (Bug in jquery-ui widget with base-tag)
Beitrag von: admin am Oktober 25, 2013, 12:15:12

In neueren Versionen von jquery-ui funktioniert das Umschalten von Tabs innerhalb von dynamischen
Shoppilot Seiten nicht mehr.
Es handelt sich nach meiner Meinung um einen Bug  
in Zusammenhang mit dem base-tag, welches auf dynamischen Seiten verwendet wird.
siehe hier/ (http://tjvantoll.com/2013/02/17/using-jquery-ui-tabs-with-the-base-tag)

Ich möchte zeigen, wie man das Problem umgehen kann. Nämlich wie in dem Artikel vorgeschlagen, indem man bei dem
href im a-Tag eine absolute URL angibt, die auf die eigene Seite verweist.

Beispielcode:

Code: [Auswählen]

  <!--start tabs-->
   <!--spmacro:module(tabhelper)
    sub fullurl {
my $url = ssp::pageurl();
$url =~ s/^http:\/\///; # http:// entfernen
main::mprint($url);
    }
     -->
        <div id="tabs">
          <ul>
            <li><a href="http://__tabhelper::fullurl__#tabs-1">Erste Lasche</a></li>
            <li><a href="http://__tabhelper::fullurl__#tabs-2">Zweite</a></li>
          </ul>
          <div id="tabs-1">
            <p>Text 1</p>
          </div>
          <div id="tabs-2">
            <p>Text 2</p>
          </div>
   </div>
    <!--Ende tabs-->