# Wie ändere ich den Link, der mit einer Schaltfläche im Benutzer-Menüfeld verknüpft ist
**URL:** https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911
**Category:** Development
**Created:** [3. März 2021 um 20:09 UTC](https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911 "2021-03-03T20:09:11Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@MrDavis97](https://meta.discourse.org/u/MrDavis97)
#### Post date: [3. März 2021 um 20:09 UTC](https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911/1 "2021-03-03T20:09:11Z")
Anstatt dass der hervorgehobene Button auf `u/miles/summary` verweist, möchte ich, dass er auf `u/miles/activity` zeigt. Wie kann ich das umsetzen? Ich habe online danach gesucht (es scheint, dass man das `data-url`-Attribut mit JavaScript ändern muss, aber die einzige Methode, die ich gefunden habe, erfordert zunächst die ID des Elements zu ermitteln, welche dieses Element jedoch nicht besitzt.)
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [3. März 2021 um 23:22 UTC](https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911/2 "2021-03-03T23:22:11Z")
Sie müssten das betreffende Widget in einer Theme-Komponente erneut öffnen, ähnlich wie hier:
```plaintext
api.reopenWidget("user-menu-links", {
profileGlyph() {
return {
title: Titles["profile"],
className: "user-preferences-link menu-link",
id: QuickAccess.PROFILE,
icon: "user",
action: UserMenuAction.QUICK_ACCESS,
actionParam: QuickAccess.PROFILE,
data: { url: `${this.attrs.path}/activity` },
role: "tab",
tabAttrs: this._tabAttrs(QuickAccess.PROFILE),
};
},
})
```
---
### Author:  [@MrDavis97](https://meta.discourse.org/u/MrDavis97)
#### Post date: [3. März 2021 um 23:31 UTC](https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911/3 "2021-03-03T23:31:12Z")
Danke! Das ergibt Sinn, denke ich.
Eine Sache jedoch: Ich füge dies in `` ein, erhalte aber den Fehler: `SyntaxError: unknown: Unexpected token, expected "," (28:6)`
```
```
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [3. März 2021 um 23:36 UTC](https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911/4 "2021-03-03T23:36:58Z")
Oben fehlte eine schließende Klammer, aktualisiert
---
### Author:  [@MrDavis97](https://meta.discourse.org/u/MrDavis97)
#### Post date: [4. März 2021 um 02:33 UTC](https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911/6 "2021-03-04T02:33:48Z")
Kein Fehler mehr, aber… Jetzt öffnet sich das Dropdown-Menü „Benutzer-Menü-Links
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [4. März 2021 um 10:33 UTC](https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911/7 "2021-03-04T10:33:22Z")
Was hast du getan, um es zu debuggen?
Ein Blick in die JavaScript-Konsole im Browser ist immer ein guter Anfang.
Wenn du hinschaust, gibt es drei offensichtliche Probleme (letztendlich).
Die Lösung ist in diesem Fall ziemlich einfach: Du musst lediglich die fehlenden Konstanten bereitstellen:
```plaintext
const UserMenuAction = {
QUICK_ACCESS: "quickAccess",
};
const QuickAccess = {
BOOKMARKS: "bookmarks",
MESSAGES: "messages",
NOTIFICATIONS: "notifications",
PROFILE: "profile",
};
const Titles = {
bookmarks: "user.bookmarks",
messages: "user.private_messages",
notifications: "user.notifications",
profile: "user.preferences",
};
```
Sobald du diese (aus dem ursprünglichen Quellcode) hinzufügst, funktioniert es 🎉
(Aber siehe Faizaans Optimierung unten, die diese überflüssig macht – das ist noch besser :))
---
### Author:  [@fzngagan](https://meta.discourse.org/u/fzngagan)
#### Post date: [4. März 2021 um 10:58 UTC](https://meta.discourse.org/t/how-to-change-the-link-associated-with-a-button-in-the-user-menu-panel/181911/8 "2021-03-04T10:58:08Z")
Einfacher ausgedrückt
```