ናትና ሞዳል ፕላግ-ኢን ልዕሊ ቀጢን ምውሳድ ኣብቲ ባህላዊ ሞዳል js ፕላግ-ኢን እዩ፣ ፍሉይ ጥንቃቐ ብምግባር ኣብዚ ኣብ ትዊተር እንጠልቦ ዕርቃን ተግባር ጥራይ ንምሕዋስ።
ምውራድ
- $ ( '#ናተይ-ሞዳል' ). ሞዳል ( ኣማራጺታት ) .
ሽም | ዓይነት | ትሑዝ | መግለፂ |
---|---|---|---|
ድሕረ ባይታ | boolean, ሕብረ ቃላት | ሓሶት | ሞዳል-ባክድሮፕ ባእታ ዘጠቓልል እዩ። "static" ድሕረ ባይታ ምስ ዝጥወቕ እቲ ሞዳል ክዕጾ እንተዘይደሊኻ ድሕረ ባይታ ናብ ኣቐምጦ ። |
ቁልፊ ሰሌዳ | ቡልያን ዝብል እዩ። | ሓሶት | መፍትሕ ምህዳም ምስ ዝጽቀጥ ነቲ ሞዳል ይዓጽዎ። |
አርኢ | ቡልያን ዝብል እዩ። | ሓሶት | ኣብ ምጅማር ክፍሊ ሞዳል ይኸፍት |
ኣብ ገጽካ ሞዳላት ብቐሊሉ ከተነቓቕሖ ትኽእል ኢኻ፡ ሓንቲ መስመር ጃቫስክሪፕት ከይጸሓፍካ። በቃ ንሓደ ባእታ data-controls-modal
ምስ ሞዳል ባእታ id ዝሰማማዕ ባህሪ ሃቦ፣ ምስ ጠወቕካ ድማ ሞዳልካ ክጅምር እዩ። ሞዳል ኣማራጺታት ንምውሳኽ፡ ከም ዳታ ባህርያት እውን ጥራይ ኣካትትዎም።
- <a class = "btn" data-controls-modal = "my-modal" ዳታ-ባክድሮፕ = "ስታቲክ" > ሞዳል ምጅማር </a>
መተሓሳሰቢ ሞዳልካ ንውሽጥን ንደገን ኣኒሜሽን ክገብር እንተደሊኻ፡ ኣብቲ ባእታኻ ሓደ .fade
ክላስ ጥራይ ወስኸሉ .modal
(ነዚ ብተግባር ንምርኣይ ኣብቲ ዲሞ ተወከስ)።
ትሕዝቶኻ ከም ሞዳል የነቓቕሖ። ሓደ ኣማራጺ ኣማራጺታት ይቕበል object
.
- $ ( '#ናተይ-ሞዳል' ). ሞዳል ({
- keyboard : ሓቂ እዩ ።
- }) ።
ብኢድ ንሓደ ሞዳል ይቕይሮ።
- $ ( '#ናተይ-ሞዳል' ). ሞዳል ( 'ምቕያር' ) ።
ብኢድ ሞዳል ይኸፍት።
- $ ( '#ናተይ-ሞዳል' ). modal ( 'ምርኣይ' ) ።
ብኢድ ንሓደ ሞዳል ይሓብኦ።
- $ ( '#ናተይ-ሞዳል' ). ሞዳል ( 'ሕባእ' ) ።
ናይ ባእታታት ሞዳል ክፍሊ ምሳሌ ይመልስ።
- $ ( '#ናተይ-ሞዳል' ). ሞዳል ( ሓቂ ) ።
ኣስተውዕል ከም ኣማራጺ፡ እዚ ብ $().data('modal')
.
ቡትስትራፕ ሞዳል ክላስ ንገለ ውሑዳት ፍጻመታት ናብ ሞዳል ተግባር ምትእስሳር የቃልዕ።
ዝግጅት | መግለፂ |
---|---|
አርኢ | show እዚ ፍጻመ እዚ እቲ ናይ ምሳሌ ሜላ ምስ ዝጽዋዕ ብቕጽበት ይትኩስ ። |
ተራእዩ እዩ። | እዚ ክስተት ዝትኮስ እቲ ሞዳል ንተጠቃሚ ርኡይ ምስ ዝኸውን እዩ (css ምስግጋራት ክሳብ ዝዛዘም ክጽበ እዩ)። |
ተሓባእ | እዚ ፍጻመ እዚ እቲ ናይ hide ምሳሌ ሜላ ምስ ተጸውዐ ብቕጽበት ይትኮስ። |
ሕቡእ | እዚ ክስተት ዝትኮስ እቲ ሞዳል ካብ ተጠቃሚ ምሕባእ ምስ ወድአ እዩ (css ምስግጋራት ክሳብ ዝዛዘም ክጽበ እዩ)። |
- $ ( '#ናተይ-ሞዳል' ). bind ( 'ሕቡእ' , ተግባር () {
- // ገለ ግበር ...
- }) ።
እዚ ፕላግ-ኢን ኣብ bootstrap topbar ወይ tabbed navigations ንቑልቁል ዝወርድ ምትእስሳር ንምውሳኽ እዩ።
ምውራድ
- $ ( '#topbar' ). ንቑልቁል ዝወርድ ()
ኣብ ዝኾነ nav ባእታ ብቕልጡፍ ንቑልቁል ዝወርድ ተግባር ንምውሳኽ፡ ነቲ data-dropdown
ባህሪ ተጠቐም። ዝኾነ ቅኑዕ ቡትስትራፕ ድሮፕዳውን ብኣውቶማቲክ ይንቀሳቐስ።
- <ul class = "ታብስ" > ዝብል ጽሑፍ ኣሎ።
- <li class = "ንጡፍ" ><a href = "#" > ገዛ </a></li>
- <li class = "ንቑልቁል ዝወርድ" data-dropdown = "ንቑልቁል ዝወርድ" >
- <a href = "#" class = "ንቑልቁል-ምቕያር" > ንቑልቁል ዝወርድ </a>
- <ul class = "ንቑልቁል ዝወርድ ዝርዝር" >
- <li><a href = "#" > ካልኣይ ደረጃ መላግቦ </a></li>
- <li><a href = "#" > ካልእ ኣብዚ </a></li>
- <li class = "መከፋፈልቲ" </li>
- <li><a href = "#" > ካልእ መላግቦ </a></li>
- </ul> ዝብል ጽሑፍ ኣሎ።
- </li> ዝብል ጽሑፍ ኣሎ።
- </ul> ዝብል ጽሑፍ ኣሎ።
መተሓሳሰቢ ui ናትካ ሓያሎ ምውራድ እንተሃልይዎ፡ ነቲ data-dropdown
ባህሪ ናብ ዝያዳ ትርጉም ዘለዎ መትሓዚ ባእታ ከም .tabs
ወይ ምውሳኽ ኣብ ግምት ኣእቱ .topbar
።
ንዝተዋህበ topbar ወይ tabbed navigation ዝኸውን ምልክታታት ንምንቅስቓስ ዝሕግዝ ፕሮግራማዊ api።
እዚ ፕላግ-ኢን እዚ ነቲ scrollspy (auto updating nav) ዝብል መስተጋብር ኣብ bootstrap topbar ንምውሳኽ እዩ።
ምውራድ
- $ ( '#topbar' ). ስክሮልስፓይ ()
ብቐሊሉ scrollspy ባህሪ ኣብ nav ንምውሳኽ፡ በቃ ነቲ data-scrollspy
ባህሪ ኣብቲ .topbar
.
- <div class = "topbar" ዳታ-ስክሮልስፒ = "ስክሮልስፒ" > ... </div>
ኣውቶማቲክ ናይ ምድህሳስ መጠወቒታት ብተጠቀምቲ ስክሮል ኣቀማምጣ የነቓቕሕ።
- $ ( 'ኣካል > .topbar' ). ስክሮልስፓይ ()
መተሓሳሰቢ Topbar anchor tags ዝፍታሕ id ዕላማታት ክህልዎም ኣለዎ። ንኣብነት a <a href="#home">home</a>
ምስቲ ኣብ ዶም ዘሎ ነገር ከም <div id="home"></div>
.
እቲ ስክሮልስፒ ንኣፈጻጽማ ዝኸውን ናይ nav መጠወቒታትን ናይ ክፍሊ ምትሕብባራትን ይዕቅብ። ነዚ መኽዘን ከተመሓይሾ እንተድኣ ኣድልዩካ (ዳይናሚክ ትሕዝቶ እንተሃልዩካ ክኸውን ይኽእል እዩ) ነዚ ናይ ምሕዳስ ሜላ ጥራይ ጸውዖ። ነቲ ናይ ዳታ ባህሪ ተጠቒምካ ነቲ ስክሮልስፒኻ ንምግላጽ እንተድኣ ተጠቒምካሉ፡ ኣብቲ ኣካል ሪፍሬሽ ጥራይ ደውል።
- $ ( 'ኣካል' ). scrollSpy ( 'ምሕዳስ' ) ።
ኣብዚ ገጽ ዘሎ the topbar navigation ርአ።
እዚ ፕላግ-ኢን ቅልጡፍን ዳይናሚክን ናይ ትብን ከኒናን ተግባር ይውስኽ።
ምውራድ
- $ ( '.tabs' ) ዝብል ጽሑፍ ኣሎ። ትቦታት ()
data-tabs
ዝኾነ ጃቫስክሪፕት ከይጸሓፍካ ንሓደ ወይ data-pills
ባህሪ ብምሃብ ጥራይ ንሓደ ትብ ወይ ከኒና ምድህሳስ ከተነቓቕሖ ትኽእል ኢኻ ።
- <ul class = "ትቦታት" ዳታ-ትቦታት = "ትቦታት" > ... </ul>
ንዝተዋህበ መትሓዚ ናይ ትብን ከኒናን ተግባር የነቓቕሕ። Tab links ኣብቲ ሰነድ ንዘለዉ id's ክውከሱ ይግባእ።
- <ul class = "ታብስ" > ዝብል ጽሑፍ ኣሎ።
- <li class = "ንጡፍ" ><a href = "#ገዛ" > ገዛ </a></li>
- <li><a href = "#ፕሮፋይል" > ፕሮፋይል </a></li>
- <li><a href = "#messages" > መልእኽትታት </a></li>
- <li><a href = "#settings" > ቅጥዕታት </a></li>
- </ul> ዝብል ጽሑፍ ኣሎ።
- <div class = "ትሕዝቶ-ከኒና" >
- <div class = "ንጡፍ" id = "ገዛ" > ... </div>
- <div id = "ፕሮፋይል" > ... </div> ዝብል ጽሑፍ ኣሎ።
- <div id = "መልእኽትታት" > ... </div>
- <div id = "ቅጥዕታት" > ... </div>
- </div> ዝብል ጽሑፍ ኣሎ።
- <ስክሪፕት> ዝብል ጽሑፍ ኣሎ።
- $ ( ተግባር () { .
- $ ( '.tabs' ) ዝብል ጽሑፍ ኣሎ። ትቦታት ()
- }) ።
- </script> ዝብል ጽሑፍ ኣሎ።
ዝግጅት | መግለፂ |
---|---|
ለውጢ | እዚ ፍጻመ ኣብ ምቕያር ትብ ይትኩስ። ንጡፍ ትብን ነቲ ዝሓለፈ ንጡፍ ትብን ብቕደም ተኸተል ዕላማ event.target ንምግባርን ተጠቐም ።event.relatedTarget |
- $ ( '#.tabs' ). bind ( 'ለውጢ' , ተግባር ( e ) {
- ሠ . ዕላማ // ዝተንቀሳቐሰ ትብ
- ሠ . relatedTarget // ዝሓለፈ ትብ
- }) ።
ጥረ ዲኒም ምናልባት ዘይሰማዕካዮም ጂን ሓጺር ኦስቲን። Nesciunt ቶፉ stumptown aliqua, ሬትሮ ሲንት ማስተር ጽሬት. ጭሕሚ ክሊሸ ግዝያዊ፡ ዊልያምስበርግ ካርለስ ቪጋን ሄልቨቲካ። Reprehenderit ስጋ ሬትሮ ኬፊየህ ሕልሚ ዝሕዝ ሲንት. ኮስቢ ስዊተር eu banh mi, qui irure ቴሪ ሪቻርድሰን ኤክስ ስኩዊድ. Aliquip placeat ሳልቭያ ሲሉም ኣይፎን. Seitan aliquip quis ካርዲጋን ኣሜሪካዊ ኣልባሳት፣ ስጋ ዝሸይጥ voluptate nisi qui.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu consequat whatever cardigan nostrud. Helvetica you probably haven't heard of them carles, marfa veniam occaecat lomo before they sold out in shoreditch scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch fap echo park pitchfork mustache dolor.
Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse mollit high life, next level Austin nesciunt american apparel twee mustache adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1 commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral retro consectetur gentrify fap.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
ኣብቲ ብጄሰን ፍሬም ዝተጻሕፈ ብሉጽ jQuery.tipsy ፕላግ-ኢን ዝተመርኮሰ፤ twipsy ዝተመሓየሸ ስሪት እዩ፣ ኣብ ምስልታት ዘይምርኮስ፣ ንኣኒሜሽን css3፣ ንመኽዘን ኣርእስቲ ድማ data-attributes ዝጥቀም!
ምውራድ
- $ ( '#ኣብነት' ). twipsy ( ኣማራጺታት ) .
ሽም | ዓይነት | ትሑዝ | መግለፂ |
---|---|---|---|
ህያው ምግባር | ቡልያን ዝብል እዩ። | ሓቂ | ኣብቲ tooltip css fade ዝብል ምስግጋር ተግባራዊ ግበር |
delayIn ዝብል ቃል ንረክብ | ቑጽሪ | 0. | ቅድሚ tooltip ምርኣይ ምድንጓይ (ms) |
delayOut ዝብል ጽሑፍ ኣሎ። | ቑጽሪ | 0. | ቅድሚ ምሕባእ ምድንጓይ ምኽሪ መሳርሒ (ms) |
fallback ዝብል ቃል ንረክብ | ገመድ | '' ። | ኣርእስቲ ምኽሪ መሳርሒ ኣብ ዘይብሉ እዋን ክትጥቀመሉ እትኽእል ጽሑፍ |
ምምዳብ | ገመድ | 'ኣብ ልዕሊ' | ከመይ ጌርና ነቲ ናይ መሳርሒ ምኽሪ ነቐምጦ - ኣብ ላዕሊ | ኣብ ታሕቲ | ጸጋም | ትኽክል |
html ዝብል ጽሑፍ ኣሎ። | ቡልያን ዝብል እዩ። | ሓሶት | ኣብ ውሽጢ tooltip html ትሕዝቶ የፍቅድ |
ንበር | ቡልያን ዝብል እዩ። | ሓሶት | ኣብ ክንዲ ውልቃዊ ኣተሓሕዛ ፍጻመታት ውክልና ፍጻመ ተጠቐም |
ኦፍሴት ዝበሃል ምዃኑ’ዩ። | ቑጽሪ | 0. | ፒክሰል ኦፍሴት ናይ መሳርሒ ምኽሪ ካብ ዕላማ ባእታ |
ርእሲ | ሕብረ ቃላት፣ ተግባር | 'ርእሲ' | ጽሑፍ ኣርእስቲ ንምውሳድ ዝሕግዝ ባህሪ ወይ ሜላ |
ምልዕዓል | ገመድ | 'hover' ዝብል ጽሑፍ ኣሎ። | ከመይ ጌሩ tooltip ይጅምር - hover | ትኹረት | ናይ ኢድ |
ቅጥዒ | ገመድ | [ነባሪ ምልክት]። | ንሓደ twipsy ንምቕራጽ ዝጥቀመሉ html template። |
መተሓሳሰቢ ውልቃዊ twipsy instance ኣማራጺታት ብኣማራጺ ብመንገዲ ኣጠቓቕማ ዳታ ባህርያት ክግለጹ ይኽእሉ።
- <a href = "#" data-placement = "ኣብ ታሕቲ" rel = 'twipsy' title = 'ገለ ኣርእስቲ ጽሑፍ' > ጽሑፍ </a>
twipsy handler ምስ ሓደ ናይ ባእታ እኽብካብ የተሓሕዞ።
ሓደ ባእታታት ትዊፕሲ ይገልጽ።
- $ ( '#ባእታ' ). twipsy ( 'ምርኣይ' ) ።
ሓደ ባእታታት ትዊፕሲ ይሓብእ።
- $ ( '#ባእታ' ). twipsy ( 'ሕባእ' ) ።
ናይ elements twipsy class instance ይመልስ።
- $ ( '#ባእታ' ). twipsy ( ሓቂ ) ።
ኣስተውዕል ከም ኣማራጺ፡ እዚ ብ $().data('twipsy')
.
ስጡም ካምቻ next level keffiyeh ምናልባት ኣይሰማዕኩምን ትኾኑ። ፎቶ ዳስ ጭሕሚ ጥረ ዲኒም ሌተርፕረስ ቪጋን መልእኽተኛ ቦርሳ stumptown. ካብ ሕርሻ ናብ ጠረጴዛ seitan, mcsweeney's fixie ዘላቒ quinoa 8-bit ኣሜሪካዊ ኣልባሳት ቴሪ ሪቻርድሰን ቪኒል chambray ኣለዎም ። ጭሕሚ ስቱምፕታውን፣ ካርዲጋን ባንህ ሚ ሎሞ ነጎዳታት። ቶፉ ባዮዲዘል ዊልያምስበርግ ማርፋ፣ ኣርባዕተ ሎኮ ማክስዊኒ ናይ ምጽራይ ቪጋን ቻምብሬይ። ናይ ብሓቂ ስሕተት ስነ ጥበባዊ ዝኾነ ይኹን keytar, scenester ሕርሻ-ናብ-መኣዲ banksy ኦስቲን ትዊተር መትሓዚ freegan cred ጥረ ዲኒም ንጽል-መበቆል ቡን ቫይራል.
እቲ popover plugin ኣብ መተግበሪኻ popovers ንምውሳኽ ቀሊል መተሓላለፊ ይህብ። ንሱ ን bootstrap-twipsy.js ፕላግ-ኢን የናውሖ፣ ስለዚ ኣብ ፕሮጀክትካ ፖፖቨርስ ከተካትት ከለኻ ነቲ ፋይል እውን ምሓዝካ ኣረጋግጽ!
መተሓሳሰቢ ቅድሚ bootstrap-popover.js bootstrap-twipsy.js ፋይል ከተካትት ኣለካ።
ምውራድ
- $ ( '#ኣብነት' ). popover ( ኣማራጺታት ) .
ሽም | ዓይነት | ትሑዝ | መግለፂ |
---|---|---|---|
ህያው ምግባር | ቡልያን ዝብል እዩ። | ሓቂ | ኣብቲ tooltip css fade ዝብል ምስግጋር ተግባራዊ ግበር |
delayIn ዝብል ቃል ንረክብ | ቑጽሪ | 0. | ቅድሚ tooltip ምርኣይ ምድንጓይ (ms) |
delayOut ዝብል ጽሑፍ ኣሎ። | ቑጽሪ | 0. | ቅድሚ ምሕባእ ምድንጓይ ምኽሪ መሳርሒ (ms) |
fallback ዝብል ቃል ንረክብ | ገመድ | '' ። | ኣርእስቲ ምኽሪ መሳርሒ ኣብ ዘይብሉ እዋን ክትጥቀመሉ እትኽእል ጽሑፍ |
ምምዳብ | ገመድ | 'ትኽክል' | ከመይ ጌርና ነቲ ናይ መሳርሒ ምኽሪ ነቐምጦ - ኣብ ላዕሊ | ኣብ ታሕቲ | ጸጋም | ትኽክል |
html ዝብል ጽሑፍ ኣሎ። | ቡልያን ዝብል እዩ። | ሓሶት | ኣብ ውሽጢ tooltip html ትሕዝቶ የፍቅድ |
ንበር | ቡልያን ዝብል እዩ። | ሓሶት | ኣብ ክንዲ ውልቃዊ ኣተሓሕዛ ፍጻመታት ውክልና ፍጻመ ተጠቐም |
ኦፍሴት ዝበሃል ምዃኑ’ዩ። | ቑጽሪ | 0. | ፒክሰል ኦፍሴት ናይ መሳርሒ ምኽሪ ካብ ዕላማ ባእታ |
ርእሲ | ሕብረ ቃላት፣ ተግባር | 'ርእሲ' | ጽሑፍ ኣርእስቲ ንምውሳድ ዝሕግዝ ባህሪ ወይ ሜላ |
ትሕዝቶ | ሕብረ ቃላት፣ ተግባር | 'ዳታ-ትሕዝቶ'። | ትሕዝቶ ጽሑፍ ንምውሳድ ዝሕግዝ ሕብረ ቃላት ወይ ሜላ። ዝኾነ እንተዘይተዋሂቡ፡ ትሕዝቶ ካብ ዳታ-ትሕዝቶ ባህሪ ክመጽእ እዩ። |
ምልዕዓል | ገመድ | 'hover' ዝብል ጽሑፍ ኣሎ። | ከመይ ጌሩ tooltip ይጅምር - hover | ትኹረት | ናይ ኢድ |
ቅጥዒ | ገመድ | [ነባሪ ምልክት]። | ንፖፖቨር ንምቕራብ ዝጥቀመሉ ናይ html ቅጥዒ። |
መተሓሳሰቢ ውልቃዊ popover instance ኣማራጺታት ብኣማራጺ ብመንገዲ ኣጠቓቕማ ዳታ ባህርያት ክግለጹ ይኽእሉ።
- <a data-placement = "ኣብ ታሕቲ" href = "#" ክፍሊ = "btn ሓደጋ" rel = "popover" > ጽሑፍ </a>
ንሓደ ባእታ ምትእኽኻብ ፖፖቨርስ የበግስ።
ሓደ ባእታታት ፖፖቨር ይገልጽ።
- $ ( '#ባእታ' ). popover ( 'ምርኣይ' ) ።
ሓደ ባእታታት ፖፖቨር ይሓብእ።
- $ ( '#ባእታ' ). popover ( 'ሕባእ' ) ።
እቲ ናይ መጠንቀቕታ ፕላግ-ኢን ኣብ መጠንቀቕታታት ናይ ቀረባ ተግባር ንምውሳኽ ዝሕግዝ ልዕሊ ዓቐን ንእሽቶ ክፍሊ እዩ።
ምውራድ
- $ ( ".መጠንቀቕታ-መልእኽቲ" ). መጠንቀቕታ ()
በቃ ኣብ data-alert
ናይ መጠንቀቕታ መልእኽትታትካ ብኣውቶማቲክ ናይ ቀረባ ተግባር ንኽህልዎም ሓደ ባህሪ ወስኸሎም።
ሽም | ዓይነት | ትሑዝ | መግለፂ |
---|---|---|---|
መምረጺ | ገመድ | '.ዕፁው' | ንሓደ መጠንቀቕታ ንምዕጻው እንታይ ዓይነት መምረጺ ዕላማ ምግባር። |
ንኹሉ መጠንቀቕታታት ብቐረባ ተግባር ይጠቕልሎ። .fade
ናትካ መጠንቀቕታታት ምስ ተዓጽዉ ህያው ንኽኾኑ፡ ድሮ እቲ and .in
class ከም ዝተተግበረሎም ኣረጋግጽ ።
ንሓደ መጠንቀቕታ ይዓጽዎ።
- $ ( ".መጠንቀቕታ-መልእኽቲ" ). alert ( 'ዕጾ' ) ።