Как вызвать функцию JavaScript в jQuery?

Question

Я попытался вызвать функцию JavaScript из моего кода jQuery, но не буду работать. Функция

JavaScript:

<script type="text/javascript"> 
function showonlyone(thechosenone) { 
    var newboxes = document.getElementsByTagName("a"); 
    for (var x=0; x<newboxes.length; x++) { 
     name = newboxes[x].getAttribute("class"); 
     if (name == 'newboxes') { 
      if (newboxes[x].id == thechosenone) { 
       newboxes[x].style.display = 'block'; 
      } 
      else { 
       newboxes[x].style.display = 'none'; 
      } 
     } 
    } 
} 
</script> 

JQuery код:

<script type="text/javascript">  
jQuery(document).ready(function ($) { 
    $("#img2").on("click", function() { 
     event.preventDefault(); 
     showonlyone("im2");    
    }); 
}); 
</script> 

Answer 1

event.preventDefault(); 

Возможно просто JS ошибки,

$("#img2").on("click", function(event){ 
event.preventDefault(); 
showonlyone("im2"); 

    }); 

Но в любом случае, это лучше, чтобы написать весь код в jquery, если вы уже начали.

Answer 2

Это не то, что вы «необходимо пройти event к function», как JQuery уже делает это.

Но, вы должны имя аргумент, так что вы можете ссылаться на него, как event:

$("#img2").on("click", function(event){ 
    //       ^^^^^ 
    event.preventDefault(): 
    // etc. 
}); 

В JavaScript event не является ключевым словом, как this. Исторически сложилось, что он имеет been a global variable, но не стандартизирован как таковой.