Javascript 创建一个没有按钮/锚点的`onclick`div?
我正在尝试为我的网站制作一个定制的灯箱类型的东西(我正在制作一个图像库/视频播放器,它将放在一个模板中),但似乎没有成功。如何使整个div可点击 我尝试过在div周围使用锚,但仍然无法显示div 包含完整html的网页/网站的实时版本可在此处找到- HTML-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
<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);
});
});