Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.04.2015, 09:42
Новичок на форуме
Отправить личное сообщение для liverpoodlian Посмотреть профиль Найти все сообщения от liverpoodlian
 
Регистрация: 13.04.2015
Сообщений: 1

Не работает ссылка
Подскажите, пожалуйста, решение проблемы.
Суть такова: есть "выезжающая" панель, которая отображается по событию onclick на div'e.
Вся проблема в том, что на этом div'e, к которому привязано событие onclick, есть ссылка, и она не работает.
Точнее при клике на ней левой кнопкой срабатывает onclick div'a, а саму ссылку можно задействовать колесиком или правой кнопкой мыши.

Код, отвечающий за панель:
$(".itemNameBlock").live("click", function () {
        $(this).next(".reviewInfoBlock").slideToggle("slow");
        return false;
    });


И такой div:
<div class="myReview">
    <div class="itemNameBlock">
        <p>
            Отзыв о товаре <a href="/Goods/GoodWatch/@Model.id" class="itemName" >@Model.itemName</a>
            <span class="reviewDate">@Model.date.ToString("dd.MM.yyyy, H:mm")</span>
        </p>
    </div>
    <div class="reviewInfoBlock">
        <p><span class="advantage">Достоинства:</span> @Model.advantages</p>
        <p><span class="disadvantage">Недостатки: </span>@Model.disadvantages</p>
        <p>Комментарий: @Model.comment</p>
        <p>Оценка: @Model.rate</p>
    </div>
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 13.04.2015, 10:03
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,319

Сообщение от liverpoodlian
при клике на ней левой кнопкой срабатывает onclick div'a
http://javascript.ru/tutorial/events...ovka-vsplytiya
Ответить с цитированием
  #3 (permalink)  
Старый 13.04.2015, 10:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,977

liverpoodlian,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 .myReview .reviewInfoBlock{
   display: none;
 }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var s = $(".myReview");
       s.on('click','.itemNameBlock',function(event) {
if($(event.target).is('a')) return;
$(this).next(".reviewInfoBlock").slideToggle("slow");
        return false;
      });
});


  </script>
</head>

<body>  <div class="myReview">
    <div class="itemNameBlock">
        <p>
            Отзыв о товаре <a href="http://javascript.ru/forum/" class="itemName" >@Model.itemName</a>
            <span class="reviewDate">@Model.date.ToString("dd.MM.yyyy, H:mm")</span>
        </p>
    </div>
    <div class="reviewInfoBlock">
        <p><span class="advantage">Достоинства:</span> @Model.advantages</p>
        <p><span class="disadvantage">Недостатки: </span>@Model.disadvantages</p>
        <p>Комментарий: @Model.comment</p>
        <p>Оценка: @Model.rate</p>
    </div>
</div>

</body>

</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать, чтобы скрипт работал с jQuery последней версии? Tass jQuery 2 19.01.2015 11:22
Не работает код Javascript на присвоение класса ссылке osya90 Общие вопросы Javascript 6 11.01.2015 17:59
Подскажите как посчитать элементы списков и для каждого списка назначить свои парамет romanpan2 jQuery 7 24.11.2014 18:08
Нужен скрипт Samfer Работа 6 08.04.2012 13:26
ссылка с fadeIn работает через раз oblomov86 jQuery 1 24.03.2011 16:52