如何使可见 <div> 而不是阻碍

Question

我有一个html代码及其。

<input type="submit" class="sub" /><div class="img"></div>

现在的CSS代码是

.img {backgound：url（image.png）;高度：10像素；宽度：10像素；}

img类位置（位于）上的提交。 现在，当我尝试单击提交时（img类在其上）。 由于img类而未单击。

现在我想使div类可见，但同时我单击提交时它不会阻塞。

我不想为提交使用背景，因为我已经在提交时使用了其他图像。

我希望你能理解我。

我为我的英语感到抱歉...

谢谢，

Answer 1

假设您的代码看起来像

<form id="myform" action="myaction.php">
...
<input type="submit" class="sub" /><div class="img"></div>
...
</form>

jQuery：

$('#myform .img').click(function(){
   $('#myform').trigger('submit');
})

Answer 2

$('.img').click(function() {
    return true;
});

Answer 3

尝试：

$('.img').click(function(){$(this.parentNode).click();});

Answer 4

    $('.img').click(function() {
        $(this).prev('input.sub:submit').trigger('click');
    }); 

    // click event for submit

    $('input.sub:submit').click(function() { 

        // here goes you submit actions

        alert('submit');
    });

Answer 5

因此，您想要的是在提交的顶部放置一个img，然后单击该img使其仍然提交表单？ 如果是这样，那么您最好使用JavaScript。 这是jQuery的样例：

$('.img').click(function() {
        $('.img').siblings('[type=submit]').click();
});

这样一来，当您单击图像时，它的作用就好像您也单击了提交按钮一样。

关于这一点，必须有一种更好的方法来执行此操作（即没有JavaScript和额外的div），但是由于我对您的问题了解不多，所以我什么也没想。

Answer 6

如果您的按钮上已经有背景图片，并且您希望在按上面的div时也要执行该操作-该按钮也将被按下，则需要执行以下操作：

在您放置的div元素上：

onclick='simulateButtonPress();'

并在js中：（ 通过Jquery）

function simulateButtonPress()
{
    $("#btnId").trigger('click');
}