Question

有没有办法使用jQuery定位Popcorn.js元素。示例：我将以下内容作为文本区域中包含div的方法。我正在添加一个近距离以尝试关闭父div，如果该人不想等待8秒直到该元素关闭。这是在我的script.js

中

example.popupFootnote({ "id": "footnote",
    "start": 2,
    "end": 10,
    "target": "footnotes",
    "title": "Tear Gas",
    "text": '<div id="exampleBox"><span style="float:right; margin-right:10px">Close Window</span><a href="http://en.wikipedia.org/wiki/Tear_gas">Tear gas</a>, formally known as a lachrymatory agent or lachrymator (from lacrima meaning "a tear" in Latin), is a non-lethal chemical compound that stimulates the corneal nerves in the eyes to cause tearing, pain, and even blindness. Common lachrymators include OC, CS, CR, CN, nonivamide, bromoacetone, phenacyl bromide, xylyl bromide and syn-propanethial-S-oxide (from onions). Lacrymators often share the structural element Z=C-C-X, where Z indicates carbon or oxygen, and X indicates bromide or chloride.</div>',
    top: '10%',
    left: '70%'
});`

所以当单击'closeWindow'元素然后单击其父级关闭的框时，我不会这样做。

这是在我的index.html下面的script.js下面的脚本标签之间的HTML。

$(document).ready(function () {

    $('#closeWindow').click(function () {
        $(this).parent().parent().hide();
    });

});

HTML元素的布局如下：

<div id="movieHolder">

<div id="video" style="width: 750px; height: 422px;" ></div>

    <div id="overlayDiv"></div>

    <div id="overlayDiv-Map"></div>

    <div id="footnotes"></div>

</div>

Answer 1

您需要使用事件委派或新的jQuery Live事件处理程序方法来执行此操作，这是一个示例： http://jsfiddle.net/bcmoney/PTJ4w/ （擦洗爆米花脚注弹出25秒）

你非常接近，但实际上忘了：

<span id="closeWindow" style="float:right; margin-right:10px">Close Window</span>

此外，可能希望将内联CSS移动到外部样式表或至少将标题移动，但我相信你知道这一点。

最后，jQuery将更改为以下内容：

  $(document).ready(function () {
      $('#closeWindow').live("click", function () {
          $(this).parent().parent().hide();
      });
  });

Popcorn.js和jQuery

1 个答案: