Што з'яўляецца найбольш эфектыўным спосабам, каб цалкам схаваць элемент са сваёй старонкі?

enter image description here

<�Моцны> Сітуацыя

  • У мяне ёсць шмат кнопак BTN, што я хачу, каб схаваць.
  • Я накшталт прымусіць іх хаваць, але не так, як я наўмысна хачу.
  • Яны міргаюць вельмі хутка, пакуль мая старонка загружаецца.
  • Я з усіх сіл спрабуе схаваць іх.

<�Моцны> крокі я ўзяў

  • Па-першае, я выкарыстаў шкура() функцыі JQuery, каб зрабіць гэта. Мне спадабалася, але потым Я заўважаю ўсе гэтыя кнопкі BTN міргае падчас загрузкі старонкі. #Curious ??? </р>

  • Па-другое, я даведаўся, што <�Код> .css ( «дысплей», «не»); хутчэй шкура() , так што я спрабаваў, і я да гэтага часу атрымаць той жа вынік, можа быць, гэта хутчэй, але Я да гэтага часу бачу перарывісты.

  • Па-трэцяе, некаторыя людзі сцвярджаюць, што .attr ( 'адключана', праўда); яшчэ хутчэй, і <�моцны> Ды Я паспрабаваў гэта, і што нават не працуе наогул. </Р>

  • .attr ( 'адключана', праўда); можа быць састарэлым, то я выкарыстоўваю самы бягучы .prop ( 'адключана', праўда); </код >, і што да гэтага часу яшчэ не працуе!

Я зусім невежествен ў цяперашні час. Я спадзяюся, што хто-то можа мне дапамагчы пакласці канец гэтаму.

Што з'яўляецца найбольш эфектыўным спосабам, каб цалкам схаваць элемент са сваёй старонкі?

1
Дзякуй вам, хлопцы так шмат для ўсіх вашых намаганняў. Я пайду галаву і зрабіць гэта цяпер.
дададзена аўтар kyo, крыніца
Дзякуй вам, хлопцы так шмат для ўсіх вашых намаганняў. Я пайду галаву і зрабіць гэта цяпер.
дададзена аўтар kyo, крыніца
Дзякуй вам, хлопцы так шмат для ўсіх вашых намаганняў. Я пайду галаву і зрабіць гэта цяпер.
дададзена аўтар kyo, крыніца
@bassxzero: Ці магу я паказаць ім, калі я выкарыстоўваю CSS? Ці ёсць спосаб, каб спыніць/прадухіліць мігценне ў пачатку?
дададзена аўтар kyo, крыніца
@bassxzero: Ці магу я паказаць ім, калі я выкарыстоўваю CSS? Ці ёсць спосаб, каб спыніць/прадухіліць мігценне ў пачатку?
дададзена аўтар kyo, крыніца
@bassxzero: Ці магу я паказаць ім, калі я выкарыстоўваю CSS? Ці ёсць спосаб, каб спыніць/прадухіліць мігценне ў пачатку?
дададзена аўтар kyo, крыніца
@druidicwyrm: Калі ласка, папраўце мяне, калі я памыляюся. Я пачатковец на ўсё гэта. Я выкарыстоўваю jQuery схаваць() , таму што я хачу, каб мець магчымасць паказаць іх назад у адну кропку. Я нават не ўпэўнены, які шлях лепш, да таго часу, як я магу прывесці, каб паказаць іх, я шчаслівы. Калі ласка, парайце.
дададзена аўтар kyo, крыніца
@druidicwyrm: Калі ласка, папраўце мяне, калі я памыляюся. Я пачатковец на ўсё гэта. Я выкарыстоўваю jQuery схаваць() , таму што я хачу, каб мець магчымасць паказаць іх назад у адну кропку. Я нават не ўпэўнены, які шлях лепш, да таго часу, як я магу прывесці, каб паказаць іх, я шчаслівы. Калі ласка, парайце.
дададзена аўтар kyo, крыніца
@druidicwyrm: Калі ласка, папраўце мяне, калі я памыляюся. Я пачатковец на ўсё гэта. Я выкарыстоўваю jQuery схаваць() , таму што я хачу, каб мець магчымасць паказаць іх назад у адну кропку. Я нават не ўпэўнены, які шлях лепш, да таго часу, як я магу прывесці, каб паказаць іх, я шчаслівы. Калі ласка, парайце.
дададзена аўтар kyo, крыніца
большасць effiecient ўсталёўвае клас адзін кантэйнер і, такім чынам, з дапамогай C ++ - захоўваюцца правілы CSS, каб ператварыць ўсю адвольную сукупнасць элементаў, схаваных або бачных. гэта значна хутчэй, чым цыкл у JS і маніпулявання DOM для кожнага элемента ўплывае. з дапамогай CSS таксама дазваляе пазбегнуць раздражняльнага мігцення загрузкі старонкі, таму што CSS будзе прымяняцца да HTML паказаны, у той час як JS будзе неабходна загрузіць JQuery, а затым запусціць увесь код, ўсё пасля таго, як старонка была ўжо бачная.
дададзена аўтар dandavis, крыніца
большасць effiecient ўсталёўвае клас адзін кантэйнер і, такім чынам, з дапамогай C ++ - захоўваюцца правілы CSS, каб ператварыць ўсю адвольную сукупнасць элементаў, схаваных або бачных. гэта значна хутчэй, чым цыкл у JS і маніпулявання DOM для кожнага элемента ўплывае. з дапамогай CSS таксама дазваляе пазбегнуць раздражняльнага мігцення загрузкі старонкі, таму што CSS будзе прымяняцца да HTML паказаны, у той час як JS будзе неабходна загрузіць JQuery, а затым запусціць увесь код, ўсё пасля таго, як старонка была ўжо бачная.
дададзена аўтар dandavis, крыніца
большасць effiecient ўсталёўвае клас адзін кантэйнер і, такім чынам, з дапамогай C ++ - захоўваюцца правілы CSS, каб ператварыць ўсю адвольную сукупнасць элементаў, схаваных або бачных. гэта значна хутчэй, чым цыкл у JS і маніпулявання DOM для кожнага элемента ўплывае. з дапамогай CSS таксама дазваляе пазбегнуць раздражняльнага мігцення загрузкі старонкі, таму што CSS будзе прымяняцца да HTML паказаны, у той час як JS будзе неабходна загрузіць JQuery, а затым запусціць увесь код, ўсё пасля таго, як старонка была ўжо бачная.
дададзена аўтар dandavis, крыніца
большасць effiecient ўсталёўвае клас адзін кантэйнер і, такім чынам, з дапамогай C ++ - захоўваюцца правілы CSS, каб ператварыць ўсю адвольную сукупнасць элементаў, схаваных або бачных. гэта значна хутчэй, чым цыкл у JS і маніпулявання DOM для кожнага элемента ўплывае. з дапамогай CSS таксама дазваляе пазбегнуць раздражняльнага мігцення загрузкі старонкі, таму што CSS будзе прымяняцца да HTML паказаны, у той час як JS будзе неабходна загрузіць JQuery, а затым запусціць увесь код, ўсё пасля таго, як старонка была ўжо бачная.
дададзена аўтар dandavis, крыніца
Хаваючы вы маеце на ўвазе, як яго нават не існуе? Для таго, каб зрабіць загрузку старонак хутчэй?
дададзена аўтар Ali Almoullim, крыніца
@ Rangerover.js "прыкладна эквівалентна выкліку .css (" дысплей "," ніхто ")" api.jquery .com/схаваць . Так што так набор адлюстравання ні з CSS, то не называйце .show (); з JQuery.
дададзена аўтар bassxzero, крыніца
@ Rangerover.js "прыкладна эквівалентна выкліку .css (" дысплей "," ніхто ")" api.jquery .com/схаваць . Так што так набор адлюстравання ні з CSS, то не называйце .show (); з JQuery.
дададзена аўтар bassxzero, крыніца
@ Rangerover.js "прыкладна эквівалентна выкліку .css (" дысплей "," ніхто ")" api.jquery .com/схаваць . Так што так набор адлюстравання ні з CSS, то не называйце .show (); з JQuery.
дададзена аўтар bassxzero, крыніца
Ці можам мы ўбачыць прыклад? Вы на самой справе не мяркуецца выкарыстоўваць jQuery былі КСС павінны ісці. Гэта азначае, што калі вы ведалі, што вам неабходна схаваць элементы на старонцы загрузкі, чаму б не выкарыстоўваць CSS, каб зрабіць гэта?
дададзена аўтар bassxzero, крыніца
Ці можам мы ўбачыць прыклад? Вы на самой справе не мяркуецца выкарыстоўваць jQuery былі КСС павінны ісці. Гэта азначае, што калі вы ведалі, што вам неабходна схаваць элементы на старонцы загрузкі, чаму б не выкарыстоўваць CSS, каб зрабіць гэта?
дададзена аўтар bassxzero, крыніца
Ці можам мы ўбачыць прыклад? Вы на самой справе не мяркуецца выкарыстоўваць jQuery былі КСС павінны ісці. Гэта азначае, што калі вы ведалі, што вам неабходна схаваць элементы на старонцы загрузкі, чаму б не выкарыстоўваць CSS, каб зрабіць гэта?
дададзена аўтар bassxzero, крыніца
Вы можаце дадаць дысплей ні да кнопак без выкарыстання JavaScript. Ці ёсць прычына, што вам трэба выкарыстоўваць JS?
дададзена аўтар druidicwyrm, крыніца
Вы можаце дадаць дысплей ні да кнопак без выкарыстання JavaScript. Ці ёсць прычына, што вам трэба выкарыстоўваць JS?
дададзена аўтар druidicwyrm, крыніца
Вы можаце дадаць дысплей ні да кнопак без выкарыстання JavaScript. Ці ёсць прычына, што вам трэба выкарыстоўваць JS?
дададзена аўтар druidicwyrm, крыніца

12 адказы

Затрымка вы назіраеце за гэты час ён прымае браўзэр загрузіць і выканаць сцэнар, метад у JavaScript выкарыстоўваецца для ўстаноўкі Дысплей: не на кнопкі не мае значэння, то заўсёды будзе затрымка (паколькі браўзэр для загрузкі, разбору і выканання сцэнарыя).

<�Моцны> хуткі спосаб не выкарыстоўваць JavaScript і проста ўсталяваць Дысплей: не на кнопкі з дапамогай CSS (рядный, або ў табліцы стыляў) пры адлюстраванні старонкі.

1
дададзена
+1 Дзякуй за параду, я вызначана паспрабаваць. Калі я выкарыстоўваю убудаваны CSS, ці магу я паказаць іх назад у нейкі момант, калі я хачу. Я спадзяюся, вы не супраць распрацоўкі гэтага.
дададзена аўтар kyo, крыніца
{! Дысплэй: блок важна;}: - @ rangerover.js ды, пераключыць клас на элемент (напрыклад, Шоу-я і ў вашым CSS дадаць правіла .Show-я
дададзена аўтар Adam, крыніца

Затрымка вы назіраеце за гэты час ён прымае браўзэр загрузіць і выканаць сцэнар, метад у JavaScript выкарыстоўваецца для ўстаноўкі Дысплей: не на кнопкі не мае значэння, то заўсёды будзе затрымка (паколькі браўзэр для загрузкі, разбору і выканання сцэнарыя).

<�Моцны> хуткі спосаб не выкарыстоўваць JavaScript і проста ўсталяваць Дысплей: не на кнопкі з дапамогай CSS (рядный, або ў табліцы стыляў) пры адлюстраванні старонкі.

1
дададзена
+1 Дзякуй за параду, я вызначана паспрабаваць. Калі я выкарыстоўваю убудаваны CSS, ці магу я паказаць іх назад у нейкі момант, калі я хачу. Я спадзяюся, вы не супраць распрацоўкі гэтага.
дададзена аўтар kyo, крыніца
{! Дысплэй: блок важна;}: - @ rangerover.js ды, пераключыць клас на элемент (напрыклад, Шоу-я і ў вашым CSS дадаць правіла .Show-я
дададзена аўтар Adam, крыніца

Затрымка вы назіраеце за гэты час ён прымае браўзэр загрузіць і выканаць сцэнар, метад у JavaScript выкарыстоўваецца для ўстаноўкі Дысплей: не на кнопкі не мае значэння, то заўсёды будзе затрымка (паколькі браўзэр для загрузкі, разбору і выканання сцэнарыя).

<�Моцны> хуткі спосаб не выкарыстоўваць JavaScript і проста ўсталяваць Дысплей: не на кнопкі з дапамогай CSS (рядный, або ў табліцы стыляў) пры адлюстраванні старонкі.

1
дададзена
+1 Дзякуй за параду, я вызначана паспрабаваць. Калі я выкарыстоўваю убудаваны CSS, ці магу я паказаць іх назад у нейкі момант, калі я хачу. Я спадзяюся, вы не супраць распрацоўкі гэтага.
дададзена аўтар kyo, крыніца
{! Дысплэй: блок важна;}: - @ rangerover.js ды, пераключыць клас на элемент (напрыклад, Шоу-я і ў вашым CSS дадаць правіла .Show-я
дададзена аўтар Adam, крыніца

Затрымка вы назіраеце за гэты час ён прымае браўзэр загрузіць і выканаць сцэнар, метад у JavaScript выкарыстоўваецца для ўстаноўкі Дысплей: не на кнопкі не мае значэння, то заўсёды будзе затрымка (паколькі браўзэр для загрузкі, разбору і выканання сцэнарыя).

<�Моцны> хуткі спосаб не выкарыстоўваць JavaScript і проста ўсталяваць Дысплей: не на кнопкі з дапамогай CSS (рядный, або ў табліцы стыляў) пры адлюстраванні старонкі.

1
дададзена
+1 Дзякуй за параду, я вызначана паспрабаваць. Калі я выкарыстоўваю убудаваны CSS, ці магу я паказаць іх назад у нейкі момант, калі я хачу. Я спадзяюся, вы не супраць распрацоўкі гэтага.
дададзена аўтар kyo, крыніца
{! Дысплэй: блок важна;}: - @ rangerover.js ды, пераключыць клас на элемент (напрыклад, Шоу-я і ў вашым CSS дадаць правіла .Show-я
дададзена аўтар Adam, крыніца

Пачынаючы з html5, ёсць новы скрыты атрыбут, які вызначае, ці будзе паказаны элемент ці не. Вы, верагодна, варта дадаць гэта да элементаў. Такім чынам, элементы схаваны ў той жа час HTML разбіраецца, і няма ніякай затрымкі.

You can also add this the standard way with jquery, by using $(element).attr("hidden", "true");

Аднак, калі дадаць атрыбут з JQuery, затрымка ўсё яшчэ будзе там, як будзе затрымка паміж тым, калі HTML адлюстроўваецца і калі JS загружаецца і выконваецца.

Заўвага: гэта працуе толькі ў IE 11+

1
дададзена
Гэта не новы, ніколі не чуў пра гэта. Ці магу я зрабіць гэта з дапамогай JQuery? Вы можаце дадаць, што, як частка вашага адказу. Людзі маглі б сваё рашэнне пазней.
дададзена аўтар kyo, крыніца

Пачынаючы з html5, ёсць новы скрыты атрыбут, які вызначае, ці будзе паказаны элемент ці не. Вы, верагодна, варта дадаць гэта да элементаў. Такім чынам, элементы схаваны ў той жа час HTML разбіраецца, і няма ніякай затрымкі.

You can also add this the standard way with jquery, by using $(element).attr("hidden", "true");

Аднак, калі дадаць атрыбут з JQuery, затрымка ўсё яшчэ будзе там, як будзе затрымка паміж тым, калі HTML адлюстроўваецца і калі JS загружаецца і выконваецца.

Заўвага: гэта працуе толькі ў IE 11+

1
дададзена
Гэта не новы, ніколі не чуў пра гэта. Ці магу я зрабіць гэта з дапамогай JQuery? Вы можаце дадаць, што, як частка вашага адказу. Людзі маглі б сваё рашэнне пазней.
дададзена аўтар kyo, крыніца

Пачынаючы з html5, ёсць новы скрыты атрыбут, які вызначае, ці будзе паказаны элемент ці не. Вы, верагодна, варта дадаць гэта да элементаў. Такім чынам, элементы схаваны ў той жа час HTML разбіраецца, і няма ніякай затрымкі.

You can also add this the standard way with jquery, by using $(element).attr("hidden", "true");

Аднак, калі дадаць атрыбут з JQuery, затрымка ўсё яшчэ будзе там, як будзе затрымка паміж тым, калі HTML адлюстроўваецца і калі JS загружаецца і выконваецца.

Заўвага: гэта працуе толькі ў IE 11+

1
дададзена
Гэта не новы, ніколі не чуў пра гэта. Ці магу я зрабіць гэта з дапамогай JQuery? Вы можаце дадаць, што, як частка вашага адказу. Людзі маглі б сваё рашэнне пазней.
дададзена аўтар kyo, крыніца

Пачынаючы з html5, ёсць новы скрыты атрыбут, які вызначае, ці будзе паказаны элемент ці не. Вы, верагодна, варта дадаць гэта да элементаў. Такім чынам, элементы схаваны ў той жа час HTML разбіраецца, і няма ніякай затрымкі.

You can also add this the standard way with jquery, by using $(element).attr("hidden", "true");

Аднак, калі дадаць атрыбут з JQuery, затрымка ўсё яшчэ будзе там, як будзе затрымка паміж тым, калі HTML адлюстроўваецца і калі JS загружаецца і выконваецца.

Заўвага: гэта працуе толькі ў IE 11+

1
дададзена
Гэта не новы, ніколі не чуў пра гэта. Ці магу я зрабіць гэта з дапамогай JQuery? Вы можаце дадаць, што, як частка вашага адказу. Людзі маглі б сваё рашэнне пазней.
дададзена аўтар kyo, крыніца

Па-першае, схаваць() і .css ( 'дысплей', 'ні') практычна эквівалентныя. Ўспышка адбываецца з-за часу, якое патрабуецца, каб загрузіць і выканаць сцэнар пасля першапачатковай загрузкі старонкі.

Самы хуткі спосаб, вядома, каб схаваць кнопкі, каб выдаліць іх з HTML-разметкі ў цэлым. :)

Калі выказаць здагадку, аднак, што вы не хочаце, каб выдаліць кнопкі з разметкі і што замест таго, каб, магчыма, у нейкі момант вы хочаце, каб паказаць кнопкі праграмна, вы хочаце, каб схаваць іх з дапамогай CSS з самага пачатку:

button {
  display: none;
}

(The адключаны атрыбут проста робіць гэта так, што карыстальнік не можа ўзаемадзейнічаць з дапамогай кнопкі на браўзэрах, якія падтрымліваюць гэты атрыбут. Ён робіць не схаваць элемент.)

1
дададзена
Дзякуй за прамой наперад тлумачэнне, і наканечнік.
дададзена аўтар kyo, крыніца

Па-першае, схаваць() і .css ( 'дысплей', 'ні') практычна эквівалентныя. Ўспышка адбываецца з-за часу, якое патрабуецца, каб загрузіць і выканаць сцэнар пасля першапачатковай загрузкі старонкі.

Самы хуткі спосаб, вядома, каб схаваць кнопкі, каб выдаліць іх з HTML-разметкі ў цэлым. :)

Калі выказаць здагадку, аднак, што вы не хочаце, каб выдаліць кнопкі з разметкі і што замест таго, каб, магчыма, у нейкі момант вы хочаце, каб паказаць кнопкі праграмна, вы хочаце, каб схаваць іх з дапамогай CSS з самага пачатку:

button {
  display: none;
}

(The адключаны атрыбут проста робіць гэта так, што карыстальнік не можа ўзаемадзейнічаць з дапамогай кнопкі на браўзэрах, якія падтрымліваюць гэты атрыбут. Ён робіць не схаваць элемент.)

1
дададзена
Дзякуй за прамой наперад тлумачэнне, і наканечнік.
дададзена аўтар kyo, крыніца

Па-першае, схаваць() і .css ( 'дысплей', 'ні') практычна эквівалентныя. Ўспышка адбываецца з-за часу, якое патрабуецца, каб загрузіць і выканаць сцэнар пасля першапачатковай загрузкі старонкі.

Самы хуткі спосаб, вядома, каб схаваць кнопкі, каб выдаліць іх з HTML-разметкі ў цэлым. :)

Калі выказаць здагадку, аднак, што вы не хочаце, каб выдаліць кнопкі з разметкі і што замест таго, каб, магчыма, у нейкі момант вы хочаце, каб паказаць кнопкі праграмна, вы хочаце, каб схаваць іх з дапамогай CSS з самага пачатку:

button {
  display: none;
}

(The адключаны атрыбут проста робіць гэта так, што карыстальнік не можа ўзаемадзейнічаць з дапамогай кнопкі на браўзэрах, якія падтрымліваюць гэты атрыбут. Ён робіць не схаваць элемент.)

1
дададзена
Дзякуй за прамой наперад тлумачэнне, і наканечнік.
дададзена аўтар kyo, крыніца

Па-першае, схаваць() і .css ( 'дысплей', 'ні') практычна эквівалентныя. Ўспышка адбываецца з-за часу, якое патрабуецца, каб загрузіць і выканаць сцэнар пасля першапачатковай загрузкі старонкі.

Самы хуткі спосаб, вядома, каб схаваць кнопкі, каб выдаліць іх з HTML-разметкі ў цэлым. :)

Калі выказаць здагадку, аднак, што вы не хочаце, каб выдаліць кнопкі з разметкі і што замест таго, каб, магчыма, у нейкі момант вы хочаце, каб паказаць кнопкі праграмна, вы хочаце, каб схаваць іх з дапамогай CSS з самага пачатку:

button {
  display: none;
}

(The адключаны атрыбут проста робіць гэта так, што карыстальнік не можа ўзаемадзейнічаць з дапамогай кнопкі на браўзэрах, якія падтрымліваюць гэты атрыбут. Ён робіць не схаваць элемент.)

1
дададзена
Дзякуй за прамой наперад тлумачэнне, і наканечнік.
дададзена аўтар kyo, крыніца