The page has a link: <a href="#tab">Profile</a>
And the invisible block: <div id="tab"></div>
How in JS to make that by clicking on a link, first a certain condition is checked and only then a block is displayed? Or just ban the transition
Jony jony
1,130 7 golden marks 25 silver marks 61 bronze badge
|
1 answer
Difficulty in what? Use return false; or preventDefault () (cancels the default action)
$(function(){ var val = 110; $('a').on('click', function(e){ if(val != 100){ // ΠΎΡΠΌΠ΅Π½ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄ ΠΈΠ»ΠΈ Π½Π΅ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌ ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅. e.preventDefault(); // ΠΈΠ»ΠΈ return false; } else { // Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌ ΠΊΠ°ΠΊΠΎΠ΅-ΡΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ } }); }); 
Deonis deonis
32.3k 1 golden mark 24 silver marks 45 bronze marks
- In my case, there is no condition. You just need to block the transition on the element - Jony
- @Oleg Ponomarchuk, without conditions, but simply block. I showed you how. And I didnβt think about the condition:> ... first a certain condition was checked ... - Deonis
|