Ballong (fxBalloon.js) Gemensam kontroll

 

Gäller för: Windows Azure Pack

fxBalloon är en ruta som kan visas bredvid element på sidan. Den positionerar sig automatiskt för att vara synlig. Den kan ställas in för att visa en ikon och bara visa resten av ballongen när användarens mus hovrar över den.

Tjänster som stöds

Tjänst	Stöds
Ångra/gör om	Ej tillämpligt
Validering	Ej tillämpligt

Widgets

$("Selector").fxBalloonIcon()

Egenskaper

Namn	Typ	Beskrivning
fx.fxBalloonIcon.options.altText	Sträng	Alt Text som är associerad med img-taggen och aria-label.
fx.fxBalloonIcon.options.balloonOptions.content	Sträng	Ballonginnehållet.
fx.fxBalloonIcon.options.balloonOptions.links	Matris	Matris med länkar som ska ingå i pratbubblan med följande nycklar: *ikon: Ikon-URL *url: URL att nå *text: Text visas
fx.fxBalloonIcon.options.balloonOptions.title	Sträng	Ballongtiteln.
fx.fxBalloonIcon.options.skipFocus	Boolesk	Om Sant hoppas fokus över.
fx.fxBalloonIcon.options.trace	Funktion	Loggar händelsespårningen.
fx.fxBalloonIcon.options.url	Objekt	En lista över bild-URL:er som visar ballongen: url urlHover

Metoder

Name	Beskrivning	Returer	Parametrar
fx.fxBalloonIcon.destroy	Förstör widgeten.	Ingenting	Ingen
fx.fxBalloonIcon.getElementId	Hämtar element-ID:t. Om ID:t inte fanns i förväg skapas ett ID automatiskt.	Sträng	Ingen

Exempel

Följande HTML- och Java-exempelskript skapar en pratbubblan som visar en pratbubblan när du klickar:

$("#help-balloonicon").fxBalloonIcon({ 
url: "data/src/Content/Images/icon-help.gif", 
urlHover: "data/src/Content/Images/icon-help-hvr.gif", 
altText: "Help", 
balloonOptions: { 
title: "Title!", 
content: "Content", 
links: [ 
{ url: "https://www.bing.com", text: "You can put links here too!" } 
] 
} 
});
<section> 
<div id="help-balloonicon"></div> 
</section>

Se även

Windows Common Control Services för Azure Pack-tillägg
Windows Tillägg för användargränssnitt i Azure Pack Management Portal