如何使用lightbox2模块禁止在Drupal中打开lightbox
提问于 2013-08-09 17:17:24
我目前有一个下拉导航，可以打开一个模式lightbox窗口。
我不想打开窗口，如果有一个没有选择URL的选项，这是第一个默认选项。
我尝试了许多技巧，例如：-在表单的onsubmit事件上返回false。-尝试使用jQuery将单击事件绑定到goURL的href链接，然后它将1)调用event.preventDefault或2)停止传播事件。+将onclick事件编码到goURL a href链接。
下面是html代码。
<h3>Request a <span>Quote</span></h3>
<form action="#">
<div class="select">
<select id="URL" name="URL" onchange="$('#goLink').attr('href', $('#URL').val());">
<option value="">- Choose a Link -</option>
<option value="/node/1/lightbox2">Link 1</option>
<option value="/node/2/lightbox2">Link 2</option>
<option value="/node/3/lightbox2">Link 3</option>
<option value="/node/4/lightbox2">Link 4</option>
<option class="last" value="/node/5/lightbox2">Link 5</option>
</select>
</div>
</form>
<a href="#" id="goLink" class="go" rel="lightframe">GO</a>
回答 1
Stack Overflow用户
发布于 2013-08-09 21:00:20
如果你需要一个没有lightbox效果的简单链接，你必须删除的属性。href属性不会影响它。
以下是一个jQuery代码示例(不一定是完美的代码，但仅作为示例)：
$("#url").change(function(){
var selected = $('url :selected'), // Get the selected option
selectedVal = selected.val(); // Get the selected option value
if (selectedValue == "") {
$('#goLink').removeAttr('rel'); // Remove the rel if the value is empty
} else {
$("#goLink").attr('href',selectedVal).attr('rel','lightframe'); // Add rel=lightframe attribute and the href
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18152181
复制相关文章
![为什么GraphQL是API的未来[每日前端夜话0x50]](https://ask.qcloudimg.com/http-save/yehe-1120945/izrr4znofo.png)
点击加载更多
腾讯云开发者
