点击时弹出 Javascript 不起作用

Popup onclick Javascript doesn't work

本文关键字：Javascript 不起作用      更新时间：2023-09-26

我正在构建一个表单，该表单将通过单击文本/图像在弹出窗口中加载。这是我的代码，它不起作用！任何想法

<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>

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

无效$('.myPoplink')选择器，即在HTML中找不到类.myPoplink。尝试使用$('#remindmelink') 

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

万一href="#"这里是斯菲德尔 

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

这是jQuery冲突，因为一些javascript被内联复制到其他一些页面中！通过删除内联脚本并使用

var j = jQuery.noConlifct();
j(document).ready(function(){
j('#remindmelink').click(function(){
j('#remindme').fancybox();
});
});

你可以试试这个：

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

更新：

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

演示

相关文章：