Question

我有一个jquery点击功能，当使用特定类点击div时有效：

$().ready(function () {
   $('div.clickableDiv').click(function () {
      //...do something
   });
});

这就是我的可点击视频： http://gyazo.com/7cce83f3241ae28068ec9256ffd8f44f

此jquery函数有效，但仅当单击div中的 content 时，例如文本或图像。我可以这样做吗如果我点击div中的任何地方（边框/背景/内容）它会起作用吗？

现在可以突出显示文本并且可以拖动图像，是否可以将其全部放在一个块中（如图像和文本就像背景一样），因此可以单击该块而不必担心关于点击div的位置？

HTML (made with PHP):
//<li> generates the box of data
Echo '<li>';
   //div contains all the data in the <li>
   Echo '<div id="itemDiv' . $i .'" class="clickableDiv" style="disply:block;">';

      //content in div
      //text
      //image
      //text

   Echo '</div>';
Echo '</li>';

Answer 1

通过围绕a标记

这样做

    <div class="clickContainer">

    <a class="download-tooltip" href="/downloading" target="_blank" data-reactid=".0.2"><span data-reactid=".0.2.0"><strong>This image</strong> was created and uploaded in less than 3 seconds.</span><br data-reactid=".0.2.1"><span data-reactid=".0.2.2">Get the fastest tool to share your screenshots. </span><div class="download-tooltip-btn" data-reactid=".0.2.3"><div class="btn btn-primary" data-reactid=".0.2.3.0">Download <strong>Gyazo</strong> for free</div></div></a>

    </div>

和js

   $().ready(function () {
   $('div.clickContainer').click(function () {
  //...do something
   });
   });

Answer 2

让你拥有display:block。

更改显示填充div的空白部分，允许您单击。

Jquery单击整个<div>的函数

2 个答案: