jquery - 覆盖页面但排除特定 div - jQuery Impromptu

Question

我正在使用 jQuery 即兴在我的网站上创建“叠加游览”。这是源页面:http://trentrichardson.com/Impromptu/

我想更改 div 的 z-index，以便当它在游览中出现时，将其放置在覆盖层上方(或其他方式，以便覆盖层不适用)到这个div)。

这是我的代码的工作示例(我希望将第二个列表项放置在覆盖层上方):http://jsfiddle.net/bTxng/2/

Answer 1

在同一函数下，您可以在 li id 上使用 .css 方法并将其 z 索引更改为 1000(根据您的代码)，例如:

$('#listitem2').css({'z-index':'1000'});

其中 listitem2 是第二个列表项的 ID。

PS:编辑:

在你的 CSS 中试试这个:

li#impromptuVerticalNav {
  position: relative;
  z-index: 1000;
}

如果有效，请更改

<a href="#" onClick="$.prompt(tourStates);">Take Tour</a>

到

<a id="take-tour" href="#">Take Tour</a>

然后将其添加到 html 的 < head > 部分。

$(document).ready(function () {
  $('#take-tour').click(function() {
    $('#impromptuVerticalNav').css({'position':'relative', 'z-index':'1000'});
    $.prompt(tourStates);
  });
});