Wordpress anchor-tag 2 verschillende pagina's

[blackspeedy]

Beste mensen,

Ik zit met een probleem eerst zal ik uitleggen wat ik wil en heb.
Ik heb met wordpress een one-page pagina, nu wil ik daarnaast ook producten verkopen het zijn er niet veel, nu zijn het er nog 3. Daarvoor gebruik ik gewoon woocommerce als shop.

Nu heb ik een one-page pagina die bestaat uit drie delen: home,producten, contact. Dit zijn anchor tags.
Maar als ik op een product klik wordt ik natuurlijk door gelinkt naar een andere pagina, net als checkout page en de winkelmand. Je kan de navbar niet veranderen per pagina. Dus als ik dan op home klik komt er gewoon een anchor tag achter de link te staan: www.link.nl/shop/#contact dit werkt natuurlijk niet.

Nu zorg ik er voor met jquery dat hij er andere links van maakt.
En dat hij dit stukje jquery niet uitvoert op de home pagina waar de links wel alleen maar #home, #contact zijn. Dit stukje script werkt wel gewoon in chrome en internet explorer, maar niet in safari. Ook heb ik al wat gegoogled. Alleen kan ik geen fix vinden. In safari linkt hij mij door naar de pagina, alleen hij gaat hij niet naar de tag toe.

JavaScript: mijnjquery

 
 
jQuery(document).ready(function ($) {
    $(".denavbar").click(function (e) {
        e.preventDefault();
        var itemId = $(this).attr( "id" );
        var url;
        
        switch(itemId) {
            case "Home" :
                url = "http://url.nl/#Home"
                $(location).attr('href', url);
            break;
            case "Product" :
                url = "http://url.nl/#Product"
                $(location).attr('href', url);
            break;
            case "Contact" :
                url = "http://url.nl/#Contact"
                $(location).attr('href', url);
            break;
            }
    });
})

Ik hoop dat iemand mij kan helpen

[ Voor 49% gewijzigd door blackspeedy op 11-04-2015 16:33 ]

[TERW_DAN]

Is het niet handiger, als je toch met JS je navigatie wilt doen, gewoon de URLs vervangen, en niet het clickevent afvangen? Het zou me niets verbazen als de eventhandling in Safari hier net iets anders werkt dan in de meeste andere browsers, waardoor je het probleem hebt dat het niet werkt.

Natuurlijk zou het aanpassen in de source beter zijn, zodat je gewoon de goede links hebt, maar als je het toch naderhand zou doen, zou ik niet zo snel het clickevent afvangen en aanpassen.

[blackspeedy]

Dat is inderdaad een veel beter idee.. Alleen ook dit werkt nog niet op safari
Dit heb ik er nu van gemaakt.

JavaScript: mijnjquery

 
jQuery(document).ready(function ($) {
    $("#menu-item-11234 > a").attr("href", "http://link.nl/#Home");
    $("#menu-item-11235 > a").attr("href", "http://link.nl/#Product");
    $("#menu-item-11237 > a").attr("href", "http://link.nl/#Contact");
});

Ik klik er op en met chrome stuur ik "http://link.nl/#Home" en dan eindig ik ook op "http://link.nl/#Home"
Met safari eindig ik op "http://link.nl"
Ik vind het raar dat hij hem niet mee stuurt..

Oke zojuist het probleem gevonden.. Hij vond het niet leuk dat er geen "www." voor stond.

Hij bij de werkende:

JavaScript: mijnjquery

 
jQuery(document).ready(function ($) {
    $("#menu-item-11234 > a").attr("href", "http://www.link.nl/#Home");
    $("#menu-item-11235 > a").attr("href", "http://www.link.nl/#Product");
    $("#menu-item-11237 > a").attr("href", "http://www.link.nl/#Contact");
});

Evengoed bedankt, dit is een veel beter manier.. dan de klik event afvangen

[ Voor 29% gewijzigd door blackspeedy op 11-04-2015 17:05 ]