Javascript 创建一个没有按钮/锚点的`onclick`div?

Javascript 创建一个没有按钮/锚点的`onclick`div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试为我的网站制作一个定制的灯箱类型的东西(我正在制作一个图像库/视频播放器,它将放在一个模板中),但似乎没有成功。如何使整个div可点击 我尝试过在div周围使用锚,但仍然无法显示div 包含完整html的网页/网站的实时版本可在此处找到- HTML- <a onclick="showdiv('imagepopup');" href="#"> <div class="rectanglewrap"> <div class="recta

我正在尝试为我的网站制作一个定制的灯箱类型的东西(我正在制作一个图像库/视频播放器,它将放在一个模板中),但似乎没有成功。如何使整个div可点击

我尝试过在div周围使用锚,但仍然无法显示div

包含完整html的网页/网站的实时版本可在此处找到-

HTML-

<a onclick="showdiv('imagepopup');" href="#">
    <div class="rectanglewrap">
        <div class="rectangleimg" id="fordengine">
            <div class="rectangleimginfo">
                <h3 class="imageinfo">Story in Pictures</h3>
            </div>
        </div>
    </div>
</a>
还有Jquery/Javascript

function showdiv(Div_id) {
    if (false == $(Div_id).is(':visible')) {
        $(Div_id).show(250);
    }
    else {
        $(Div_id).hide(250);
    }
}
我绝对不是JavaScript高手,所以如果有更好的方法,请告诉我


谢谢

您可以在jquery中使用$(“#myDiv”)使div可单击。单击(function(){dosomething();})


您可以使用$(“#myDiv”)在jquery中使div可单击


您可以使用$(“#myDiv”)在jquery中使div可单击


您可以使用$(“#myDiv”)在jquery中使div可单击



切换时是否尝试过使用
display
而不是
visibility
?另外,作为旁注:您使用的是
jQuery
,因此不需要通过标记的属性包含内联
脚本
。好。。。即使它是
普通Javascript
,您也不需要它。您的标记中没有带有
ID
imagepopup的元素。我尝试过显示,但它也不起作用。是的,从那以后我更新了我的代码,这不是问题所在。请确保您在这里提供的代码是当前代码,特别是导致您出现问题的代码。您在切换它时是否尝试过
显示
,而不是
可见性
?另外,请注意:您正在使用
jQuery
,因此,您不需要通过标记的属性包含内联
script
。好。。。即使它是
普通Javascript
,您也不需要它。您的标记中没有带有
ID
imagepopup的元素。我尝试过显示,但它也不起作用。是的,从那以后我更新了我的代码,这不是问题所在。请确保您在这里提供的代码是当前代码,特别是导致您出现问题的代码。您在切换它时是否尝试过
显示
,而不是
可见性
?另外,请注意:您正在使用
jQuery
,因此,您不需要通过标记的属性包含内联
script
。好。。。即使它是
普通Javascript
,您也不需要它。您的标记中没有带有
ID
imagepopup的元素。我尝试过显示,但它也不起作用。是的,从那以后我更新了我的代码,这不是问题所在。请确保您在这里提供的代码是当前代码,特别是导致您出现问题的代码。您在切换它时是否尝试过
显示
,而不是
可见性
?另外,请注意:您正在使用
jQuery
,因此,您不需要通过标记的属性包含内联
script
。好。。。即使它是
普通Javascript
,您也不需要它。您的标记中没有带有
ID
imagepopup的元素。我尝试过显示,但它也不起作用。是的,从那以后我一直在更新我的代码,这不是问题所在。请确保您在这里提供的代码是当前的,特别是导致您出现问题的代码。
function showdiv(Div_id) {
    if (false == $(Div_id).is(':visible')) {
        $(Div_id).show(250);
    }
    else {
        $(Div_id).hide(250);
    }
}
$(function() {
  $(".rectanglewrap").click(function() {
    $("#imagepopup").toggle(250);
  });
});