Anchor is ZAP not working

Friday, July 21, 2017 - 02:53

On  some pages I want to work with anchors

e.g. <a name=“anAnchorName”></a>

and on another page jump to this anchor with a link
<a href=“pageWithAnchor#anAnchorName”>link</a>

For some reason this doesn’t work in the zap theme (tried it in a fresh install) and with different browsers.
The link does nothing (not even link to a 'page not found’).

Any idea how to solve this

Friday, July 21, 2017 - 14:22

Hello Chris,

Did you try with ID instead of anchort name. 

e.g. <div id="anAnchorName"></div>

Friday, July 21, 2017 - 17:56

Hello Cong,

That gave the same result?

Is seems if it is a problem cause by the zap theme.

I tested it with some other themas and the didn't give any problems?

 

Saturday, July 22, 2017 - 23:37

Solved is in the following way

I added a class to the link that jumps to the anchor: e.q. 'anchorName'.

<a href="path_to_node/pagename#anchorName" title="" class="theButton"> link text</a>

and put the following js-code in custom.js.

(function ($) {
    "use strict";

    $(document).ready(function () {

    $( "theButton").click(function(event) {
      $(location).attr('href', $(this).attr('href'));

    });

  });
}(jQuery));