Tabs linken von der Seite weg

[Dwza]

Also ich habe ein Problem mit einem Shop an dem ich Programmiere.
Wenn ich einen Artikel aufrufe, dann habe ich unten Tabs wie Details / Kunden-Tip usw.
Wenn ich einen dieser Tabs anklicke dann denkt das System es sei ein regulärer Link und versucht diese
Seite zu öffnen. Aber ich will ja nur den Tab wechseln.

Was kann das sein ?

(Kann leider keinen Link dazu posten weil man sich einloggen muss um das zu sehen. Ist ein Aktiver B2B Shop und da kann ich die Daten nicht raus geben.)

Linkback: https://www.modified-shop.org/forum/index.php?topic=34234.0

[Fakrae]

Normalerweise soll durch einen Klick über ein Javascript-Event der Inhalt des Tabs geändert werden - eventuell hast du die entsprechende Javascript-Datei nicht eingebunden?

[Dwza]

Ich gehe davon aus das du mit

entsprechende Javascript-Datei

jQuery meinst. Die ist eingebunden. Auch jQuery-UI... bei beiden mit alter und neuer version geteste... gleiche Problem

Ich hab sogar sowas hier versucht

Code: PHP  [Auswählen]

$("#tabbed_product_info ul li").delegate('a', 'click', function(e){
     e.preventDefault();
     return false;
});

leider auch ohne Erfolg.

[Bonsai]

Der Quellcode der Tabs wäre nützlich ...

[Jürgen]

...vermute ich auch.

Was steht denn in deiner general.js.php im template Ordner /javascript/general.js.php

Gruss

Jürgen

[Dwza]

Also hier ist mal mein Source

product_info_tabs_v1.html

Code: PHP  [Auswählen]

<div id="tabbed_product_info">

<ul>
        {if $PRODUCTS_DESCRIPTION !=''}<li><a href="#tab_description">{#description#}</a></li>{/if}
        {if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<li><a href="#tab_cross_selling">{#cross_selling#}</a></li>{/if}
        {if $MODULE_also_purchased != ''}<li><a href="#tab_also_purchased">{#also_purchased#}</a></li>{/if}
        {if $MODULE_products_reviews != ''}<li><a href="#tab_reviews">{#products_reviews#}</a></li>{/if}
        {if $MODULE_products_media != ''}<li><a href="#tab_media">{#products_media#}</a></li>{/if}
        {if $more_images|@count > 0}<li><a href="#tab_more_images">{#more_images#}</a></li>{/if}
</ul>

{if $PRODUCTS_DESCRIPTION !=''}<div id="tab_description">{$PRODUCTS_DESCRIPTION}</div>{/if}
{if $more_images|@count > 0}<div id="tab_more_images">
        <!-- More Pictures -->
        <div class="morepics">
        {foreach item=more_images_data from=$more_images}
                <a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>                          
        {/foreach}
        </div>
        <div style="clear:both;"></div>
        </div>
{/if}
{if $MODULE_products_media != ''}<div id="tab_media">{$MODULE_products_media}</div>{/if}
{if $MODULE_products_reviews != ''}<div id="tab_reviews">{$MODULE_products_reviews}</div>{/if}
{if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<div id="tab_cross_selling">{$MODULE_cross_selling}{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}</div>{/if}
{*if $MODULE_also_purchased != ''}<div id="tab_also_purchased">{$MODULE_also_purchased}</div>{/if*}

</div>

Und hier aus der general.js.php

Code: PHP  [Auswählen]

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>

<?php // BOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>
<?php
if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) {
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
        //Laden einer CSS Datei mit jquery     
    $.get("<?php echo 'templates/'.CURRENT_TEMPLATE; ?>"+"/css/javascript.css", function(css) {
                $("head").append("<style type='text/css'>"+css+"<\/style>");
        });
       
        $(function() {
                $("#tabbed_product_info").tabs();



                $("#accordion_product_info").accordion({ autoHeight: false });
        });
/*]]>*/
</script>

die general sieht etwas wüst aus aber die war so und wie man sieht.. da wird nicht viel gemacht... außer die iniziierung der tabs.

[Dwza]

Ich habe eben mal die Browserconsole auf gemacht und nachgeschaut ob ich einen Fehler augeworfen bekomme.
Tatsächlich bekomme ich die Meldung beim Klick auf das Tab:

Uncaught TypeError: Cannot read property 'msie' of undefined         jquery-ui.js:89

was natürlich beim verlassen der Seite sofort wieder verschwindet.
Hab das jetzt durch nen schnellen Screenshot sehen können.

[swolfram [templatix]]

In Deiner general.js.php fehlt was am Ende

Code: Javascript  [Auswählen]

<?php
}
?>
<?php // EOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>

Der Fehler deutet allgemein daraufhin, das Javascript nicht ausgeführt wird bei Dir. Liegt entweder an Browsereinstellung oder eben ein Fehler irgendwo im Template-Code.

Was wurde denn zuletzt gemacht, bevor der Fehler aufgetreten ist?

[Dwza]

Das war wohl in der Eile das ich die nicht mit hier rein kopiert habe... aber da sind alle klammern

Eigentlich weist der Fehler auf eine depricated function hin.

Seit der jQuery version 1.9 gibt es kein $.browser (welches eine Browserdetection darstellt) mehr.
Leider wird es in diesem Zusammenhang offensichtlich verwendet....

Oder sagen wir es mal so, eine Aktualisierung von jquery und jquery ui bringt probleme mit sich.

Hab jetzt jQuery 1.8.3 eingebunden, somit ist der Fehler weg und die Browser kann wohl wieder detected werden. Aber jetzt hab ich das Problem das alle Tabs untereinander sind....

[swolfram [templatix]]

Ich ging von einer aktuellen Shop- bzw. Templateversion aus. Hol Dir die benötigten Daten aus dem Download der aktuellen 1.06er Version und es sollte alles klappen.

[Dwza]

Ja wunderbar... da war wohl ein fehler in der jquery-ui.css. Offensichtlich war diese von einer aktuelleren Version als die von UI selbst ^^

Vielen Dank!!!

[Fakrae]

Ich glaube mit dem Standard-Template war 1.8.3 die höchste funktionierende Version von jQuery