Question

我正在尝试为用户想要上传图片时创建一个弹出窗体。我已经使用一些简单的JS在页面上打开了表单，但由于某种原因它打开然后立即关闭。我正在考虑通过按钮访问它的方式。

按钮：

<div class="upload">
    <?php
            $data = array('onsubmit' => "login('show')"); 
            echo form_open('',$data); 
            echo form_submit('follow', 'Follow'); 
            echo form_close(); 
    ?>
</div>

userprofile.js：

function login(showhide)
{
  if(showhide == "show")
  {
      document.getElementById('popupbox').style.visibility="visible";
  }
  else if(showhide == "hide")
  {
      document.getElementById('popupbox').style.visibility="hidden";
  }
}

有人可以帮助我吗？

Answer 1

如果你有jQuery，那么我建议使用http://api.jquery.com/toggle/隐藏和显示你的元素。

function login()
{
  jQuery('#popupbox').toggle();
}

<强>更新

HTML代码：

<div class="upload">
    <?php
            $data = array('id' => "form_holder"); 
            echo form_open('',$data); 
            echo form_submit('follow', 'Follow'); 
            echo form_close(); 
    ?>
</div>

JS代码：

$( document ).ready(function() {
    $( "#form_holder" ).submit(function( event ) {
       event.preventDefault();
       jQuery('#popupbox').toggle();
    });
});

CodeIgniter - JS弹出窗体打开然后关闭

1 个答案: