Hyperlink in the svg force a full reloading of a page with PJAX

Question

I created a blog website which uses MoOx/pjax. And I have a problem with hyperlinks in the svg generated.

For Instance:

@startmindmap
* [[{{< relref "/about" >}} about]]
@endmindmap

The result:

<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentstyletype="text/css" height="78px" preserveAspectRatio="none" style="width:82px;height:78px;background:#FFFFFF;" version="1.1" viewBox="0 0 82 78" width="82px" zoomAndPan="magnify"><defs></defs><g><rect fill="#F1F1F1" height="36.2969" rx="12.5" ry="12.5" style="stroke:#181818;stroke-width:1.5;" width="60" x="10" y="20"></rect><a href="/about/" target="_top" title="/about/" xlink:actuate="onRequest" xlink:href="/about/" xlink:show="new" xlink:title="/about/" xlink:type="simple"><text fill="#0000FF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" text-decoration="underline" textLength="40" x="20" y="42.9951">about</text></a><!--SRC=[HOvDQy9G44NtyojcgGK_4eD8LcBJ2cb2fKOtuc9Cfk61cISlymB- -pwbfQk1U-uzpBfNSjePQJgwmGkUJZEwMAypV9xp6TOSs2-7tPL43sM10xlUMC5e6i_ZU1ebeyepPbpZV8dHAesJD5hWjgpmmSSmskuAxArtDMDZUdNcuZK8nf3JGFZbHKt7ANxUMFBiuo_0DncCizAnAEJ7yh-mJ2ORexXd5rx1OmaPVvE_QbZKjZ7IfdYetYShA4XQJsrmiy2h3Lvt3sp_0m00]--></g></svg>

 I directly insert this into the web page. Unexpectly, clicking the hyperlink leads to a full reloading.