2013-11-18 2 views
0

Я создаю форму, которая будет загружена в всплывающее окно, щелкнув по тексту/изображению. Это мой код, и он не работает! Любые идеиPopup onclick Javascript не работает

<div> 
<a href="?remind_me" id="remindmelink" onclick="">Remind me</a> 
</div> 

<div class="map-popup" id="remindme" style="display:none;"> 
<form> 
    <label for="remind_me_email" class="required"><em>*</em>E-Mail Address</label> 
    <div class="input-box"> 
     <input type="text" id="remind_me_email" title="E-Mail Address" /> 
    </div> 
</form> 
<div> 
    <button type="submit" class="button" id="remind_me_submit"><span>Submit</span>  </button> 
</div> 
</div> 

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
jQuery('#remindmelink').click(function(){ 
e.preventDefault(); 
jQuery('#remindme').dialog('open'); 
return false; 
}); 
}); 
</script> 

ответ

0

Это JQuery конфликт, поскольку некоторые Javascript был скопирован инлайн в некоторых других страницах! Решено путем удаления встроенных скриптов и использования

var j = jQuery.noConlifct(); 
j(document).ready(function(){ 
j('#remindmelink').click(function(){ 
j('#remindme').fancybox(); 
}); 
}); 
0
$(document).ready(function(){ 
//open popup 
var myPoplink = document.getElementById('remindmelink'); 
$(myPoplink).on('click',function(){ 
alert('Hello!'); // to be replaced with $('#remindme').dialog('open'); 
}); 
}); 
+0

То же самое! Обновление страницы, но без предупреждения! – Odin

0

попробовать это:

$(document).on('click','#remindmelink',function(e){ 
    e.preventDefault(); 
    alert('Hello!'); // to be replaced with $('#remindme').dialog('open'); 
}); 

UPDATE

jQuery(document).ready(function(){ 
    jQuery('#remindmelink').click(function(){ 
    e.preventDefault(); 
    jQuery('#remindme').show(); 
    jQuery('#remindme').dialog('open'); 
    return false; 
    }); 
}); 

[**DEMO**][1] 
+0

попробовал это до моей последней версии кода и не работал! Не обновлять страницу! – Odin

+0

изменить ответ попробовать сейчас пожалуйста @ odeh86 –

+0

к сожалению не работает:/@Alessandro – Odin

0

$('.myPoplink') недействительным селектор. то есть нет класса .myPoplink, найденного в HTML. Попробуйте использовать $('#remindmelink')

$(document).ready(function(){ 
    //open popup 
    $("#remindmelink").on('click',function(event){ 
     event.preventDefault(); 
     alert('Hello!'); // to be replaced with $('#remindme').dialog('open'); 

    }); 
}); 
0

Только в случае, если поместить href="#" здесь является jsfiddle

$(document).ready(function(){ 
    //open popup 

     $(document).on('click','#remindmelink',function(){ 
     alert('Hello!'); // to be replaced with $('#remindme').dialog('open'); 
     return false; 
     }); 

    }); 
Смежные вопросы