Heim >Web-Frontend >js-Tutorial >Mui verwendet jquery und verwendet einen Klick, um zu einem neuen Fenster zu springen, bei dem Beispiele geteilt werden
Dieser Artikel zeigt Ihnen hauptsächlich ein Beispiel dafür, wie Mui jquery verwendet und klickt, um zu einem neuen Fenster zu springen. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.
JS-Code global einfügen
mui('body').on('tap', 'a', function () { document.location.href = this.href; });
Das funktioniert, aber es gibt viele Probleme, wie z. B. das Klicken auf die Seitenleiste, Es wird nicht angezeigt und es gibt viele Fehler. Nachdem ich meine eigene Methode geübt habe, schlägt das Debuggen von nativem Js immer noch fehl. Vielleicht liegt es daran, dass ich nicht vertraut bin, aber ich muss trotzdem alles verwenden~
Dann füge zuerst jquery hinzu
@Scripts.Render("~/bundles/jquery")ID-Sprung:
$('#Message').on("tap", function () { //打开关于页面 mui.openWindow({ url: '../Home/About', id: 'About' <br>});9- Quadratischer Sprung:
$('.mui-grid-9').on("tap", 'a', function () { var url = $(this).attr('href'); //打开关于页面 mui.openWindow({ url: url, id: 'info' }); });Bilderkarussellsprung:
$('#slider').on("tap", 'a',function () { var url = $(this).attr('href'); //打开关于页面 mui.openWindow({ url: url, id: 'info' }); });
Das obige ist der detaillierte Inhalt vonMui verwendet jquery und verwendet einen Klick, um zu einem neuen Fenster zu springen, bei dem Beispiele geteilt werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!