0

Доброго всем времени суток господа.

Есть 2 работающих скрипта (работают по отдельности) :

первый

// добавлено после 2й функции
<script type="text/javascript">
$(document).ready(function(){
centerPopup();
loadPopup();
});
</script>

второй

<script type="text/javascript">
    $(document).ready(function () {
        $("a").click(function() {
            var id = $(this).attr('id');
            $.ajax({
                url: "page.php",
                type: "POST",
                data: {id: id},
                success: function(text) {
                    $("#text").html(text);
                }
            });
        });
    });
</script>

Возникла проблема, вместе - все хорошо, до тех пор пока первым скриптом я не нажимаю кнопку, которая во всплывающем окне

// сама кнопка выглядит так
<a id="popupContactClose">x</a>

// нажимая на нее происходит то, что описано в скрипте
$("#popupContactClose").click(function(){
    disablePopup();
});
// и после этого активируется AJAX

Подскажите, как переписать код, что бы AJAX не реагировал?

p.s. пока решил проблему так, но это так себе решение:

// назначил переход по ссылке, на текущую страницу
$("#popupContactClose").click(function(){
    location="page.php?id=<? echo $id; ?>";
});

p.p.s.

// если нажать esc, или нажать не на всплывающее окно (рядом, чтоб окно погасло) - AJAX не срабатывает, хотя там прописаны аналогичные команды
$(document).ready(function(){
    $("#button").click(function(){
        centerPopup();
        loadPopup();
    });
    $("#popupContactClose").click(function(){
        disablePopup();
    });
    $("#backgroundPopup").click(function(){
        disablePopup();
    });
    $(document).keypress(function(e){
        if(e.keyCode==27 && popupStatus==1){
            disablePopup();
        }
    });
});

2 ответа 2

2
 $("a").click(function() {

Функция выполнится при нажатии на любую ссылку. Так что работает все так, как и написано. Раз надо, чтобы при клике на a#popupContactClose действие не выполнялось, достаточно прописать это в условие. Например,

   $("a").click(function() {
        var id = $(this).attr('id');
        if(id != 'popupContactClose') {
           $.ajax({
            url: "page.php",
            type: "POST",
            data: {id: id},
            success: function(text) {
                $("#text").html(text);
            }
           });
         }
    });

Или избавьтесь от тега "a". Кому нужен этот тег без значения "href"? Используйте "div", "span"... Неужели мало тегов?

1
  • да. так все и оказалось. спасибо
    – sergey
    2 окт 2012 в 12:07
2
$("#popupContactClose").click(function(e){
    e.preventDefault();
    disablePopup();
});
5
  • ох. рад бы и принять. но данная кнопка просто не нажимается теперь
    – sergey
    2 окт 2012 в 11:16
  • Какая кнопка? Закрытия попапа?
    – Photon
    2 окт 2012 в 11:21
  • <a id="popupContactClose">x</a> - она не пропала. просто при нажатии на нее ничего не происходит. 40 минут тестировал, думал у меня что то не так.
    – sergey
    2 окт 2012 в 11:34
  • Очень странно.. Выложи весь код (HTML и JS) на jsfiddle.net и кинь сюда ссылку - посмотрю
    – Photon
    2 окт 2012 в 11:49
  • ответ Равнодушный'ого оказался правильным, думаю вопрос решен, по крайней мере в том виде как я его задал
    – sergey
    2 окт 2012 в 12:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.