Links und Anker (html)
bearbeitet von BaBaIch beobachte ein mir unverständliches Verhalten. Ich habe Links auf der Seite, e.g.
~~~html
<a href="http://example.com/some/page#li5131354849" data-eventid="li5131354849" title="Field goal attempt">FGA User</a>
~~~
welche per Javascript abgefragt werden und per preventDefault() ein Neuladen des Dokumentes verhindern (die URL haben sie nur, falls ein User den Link "im neuen Tab öffnet").
Das Problem ist, dass der Link neben der gewünschtn JS-Aktion auch noch die Seite scrollt zu einer Position wo kein Element mit der entsprechenden id ist. Also: das Dokument hat kein Element mit der ID "li5131354849". Es hat an der Position wo es hinsrollt ein Element mit der ID btn-li5131354849. Und besagtes Element hat ein data-Attr. data-eventid="li5131354849". Gibt es irgendwelche Bestimmungen, die das Scrollen hier veranlasst, die ich nicht kenne?
Cheers,
BaBa
--
BaBa kommt von Basketball
Links und Anker (html)
bearbeitet von BaBaIch beobachte ein mir unverständliches Verhalten. Ich habe Links auf der Seite, e.g.
~~~html
<a href="http://example.com/some/page#li5131354849" title="Event">FGA User</a>
~~~
welche per Javascript abgefragt werden und per preventDefault() ein Neuladen des Dokumentes verhindern (die URL haben sie nur, falls ein User den Link "im neuen Tab öffnet").
Das Problem ist, dass der Link neben der gewünschtn JS-Aktion auch noch die Seite scrollt zu einer Position wo kein Element mit der entsprechenden id ist. Also: das Dokument hat kein Element mit der ID "li5131354849". Es hat an der Position wo es hinsrollt ein Element mit der ID btn-li5131354849. Und besagtes Element hat ein data-Attr. data-eventid="li5131354849". Gibt es irgendwelche Bestimmungen, die das Scrollen hier veranlasst, die ich nicht kenne?
Cheers,
BaBa
--
BaBa kommt von Basketball
Links und Anker (html)
bearbeitet von BaBaIch beobachte ein mir unverständliches Verhalten. Ich habe links auf der Seite, e.g.
~~~html
<a href="http://example.com/some/page#li5131354849" title="Event">FGA User</a>
~~~
welche per Javascript abgefragt werden und per preventDefault() ein Neuladen des Dokumentes verhindern (die URL haben sie nur, falls ein User den Link "im neuen Tab öffnet").
Das Problem ist, dass der Link neben der gewünschtn JS-Aktion auch noch die Seite scrollt zu einer Position wo kein Element mit der entsprechenden id ist. Also: das Dokument hat kein Element mit der ID "li5131354849". Es hat an der Position wo es hinsrollt ein Element mit der ID btn-li5131354849. Und besagtes Element hat ein data-Attr. data-eventid="li5131354849". Gibt es irgendwelche Bestimmungen, die das Scrollen hier veranlasst, die ich nicht kenne?
Cheers,
BaBa
--
BaBa kommt von Basketball