Подгрузка JSON при клике по ссылке

240

18 декабря 2017, 15:43

Здравствуйте! Нужно, чтобы при нажатии на ссылку подгружался файл JSON. При проверке через консоль без события Click все работает:

    $.getJSON('serv.json', function (serv) {
    console.log(serv);
     });
    });

Но когда добавляю событие на клик - ничего не происходит:

    $('#virtual').click(function () {
    "use strict";
    $.getJSON('serv.json', function (serv) {
    console.log(serv);
     });
    });

Подскажите пожалуйста в чем проблема. HTML-код для ссылки:

    <div class="col-lg-6 col-md-6 col-sm-6 hidden-xs" id="virtual">
    <img src="images/virtualna_dovidka.png" class="img">
    <a href="#"> Довідка</a></div>

Answer 1

Добро пожаловать на StackOverflow.

$('#virtual a').click(function () {
"use strict";
  $.getJSON('serv.json', function (serv) {
    console.log(serv);
  });
  return false;
});

Но должно работать и так:

$('#virtual').click(function() { 
  "use strict"; 
  console.log("test"); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="col-lg-6 col-md-6 col-sm-6 hidden-xs" id="virtual"> 
  <img src="images/virtualna_dovidka.png" class="img"> 
  <a href="#"> Довідка</a> 
</div>