我正在尝试按下回车键时运行一个方法.该方法已被按钮使用.基本上,当用户填写文本字段并单击提交按钮时,他们会获得一个灯箱.我想要做的是运行相同的操作,但是按下回车键.我看过使用.keypress,但我只能找到form标签是标准html表单标签而不是asp.net表单标签的示例.我认为目前表单只响应页面上的.net控件,我不能用jquery方法覆盖它.有任何想法吗？
当用户使用ipad时,如何在:link上更改类.
我正在使用滑出式灯箱来显示视频,但我希望在用户使用ipad时更改灯箱.
<a href="#" class="video">Watch</a>
例如 网络版
/* Video overlay */
// Hide on load
$('.video-player').hide();
// Show the video player
$('.video').click(function() {
$('.video-player').show('slow');
return false;
});
//Hide the video player
$('.close-video').click(function() {
$('.video-player').hide('slow');
return false;
})
IPAD版本
/* Video overlay */
// Hide on load
$('.video-player').hide();
// Show the video player
$('.video').fancybox({
'content' : $('.video-player').html(),
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none',
'overlayColor' : '#fff',
'overlayOpacity' : 0,
'scrolling' : 'no',
'onComplete' : function(){
$('.pop-detail input.button, .pop-detail …是否有任何灯箱实现允许使用<a href=base64-string"而不是实际的URL？
我正在尝试为rel="lightframe"我admin_links_node_edit班上的所有"编辑"链接添加一个
属性.
<li class="admin_links_node_edit">
<a href="[link]" title="Edit">Edit</a>
</li>
到目前为止,我的代码如下所示:
$('.admin_links_node_edit a').each(function() {
$(this).attr('rel','lightframe');
});
当用户点击fancybox内的链接时,我需要关闭Fancybox的功能.
我试过:(
href="javascript:$j.fn.fancybox.close();"
注意我使用jQuery而没有冲突因此$ j)`
当我尝试它时,它不起作用,我在Firebug中得到一个错误 $j.fn.fancybox.close is not a function.
注意:我使用的是Fancybox 1.3.4版
这是Fancybox的脚本:
<script type="text/javascript" >
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#start").fancybox({
'padding' : 0
});
</script>
Fancybox的HTML代码:
<div class="hide">
<img src="/Images/skin/spacer1x1.png" onload="$j('#start').trigger('click');" />
<a href="#welcome" id="start"></a>
<img style="width:700px; height:600px;" id="welcome" usemap="#Map" alt="PLEASE VIEW PAGE WITH IMAGES ON" src="/Images/start/start.png" />
<map id="Map" name="Map">
<area alt="See Message Examples" href="/artistphotos/" coords="29,431,301,465" shape="rect" />
<area alt="Enter Site" href="javascript:$j.fn.fancybox.close();" coords="436,433,567,464" shape="rect" />
</map>
</div>
任何想法如何让这个正常工作？
我正在使用jQuery "Lightbox"插件,虽然我不知道这是否是关于手头问题的必要信息.
我通过幻灯片放映的图像非常大; 他们每个都比屏幕大得多(我没有在我的服务器上托管图像,所以我不能调整它们的大小).我需要缩放它们以适应屏幕的范围(也可能有一些余量).是否有一些JQuery或其他Javascript片段来处理这个？
现在我使用"zoombox",这肯定解决了缩放问题.但是,现在所有漂亮的幻灯片功能都丢失了!即,我不能使用箭头键或循环图像库!
我在这里和周围的网站上看到了一些帖子,解释了如何为我的网站创建自定义Facebook共享对话框.
但我发现与我的平均情况存在一些差异:
1-当人们点击按钮(分享按钮)时,我希望页面中的自定义区域可以打开和关闭
2-我希望在灯箱中共享内容,而不是页面的内容.例如,我们有一个产品列表,每个产品都将在灯箱中打开.我想分享有关此产品的信息,该信息现已在灯箱中打开
我看到有人在谈论Javascript SDK,但它的安装指南告诉我设置APP_ID,但没有为我的网站创建任何App.我是否必须创建一个才能使用此SDK？
我也发现了这种模式
http://www.facebook.com/sharer.php?s=100&p[title]=a title&p[summary]=a description &p[url]=http://www.linkhere.com&p[images][0]=http://www.linkhere.com/image.jpg
如果我将其复制并粘贴到地址栏就可以了.但是用户被重定向到新页面.这不好.
我用上面描述的模式尝试了这个,但是无法使它工作
<a href="#"
onclick="
window.open(
'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
'facebook-share-dialog',
'width=626,height=436');
return false;">
Share on Facebook
</a>
它不接受我试图传递的参数.
你们中的任何人都知道如何解决这个问题吗？是通过改变元标记的"内容"吗？你有什么解决方案？
@编辑
刚回答我使用的解决方案
@EDIT 2
更新了v2.2
我正在尝试根据本文并使用 Chakra Modal 组件，在 React Leaflet Circle Marker Popup 组件中的图像上创建自定义灯箱效果。该实现有效，但我遇到了 Chakra UI 的 z-index 和放置问题。我的目标是将灯箱放置在所有其余内容的顶部，目前，由于相对定位，模态框放置在地图容器部分的下方。
据我了解，Chakra Modal 组件应该放置在所有内容上，但该组件的默认 z 索引是相对于 Leaflet 图层放置的，因此会渲染在地图容器的一部分下方。将文章中的代码与模态结合使用会产生接近我想要的结果，除了模态灯箱放置在 Leaflet 地图 div 的一部分下方，显得不美观并且关闭按钮被遮挡。
我希望将灯箱 div 放置在整个文档的顶部，但我不确定如何覆盖模态组件的默认值 1400 到 2400，以便将其放置在整个地图上。覆盖多部分组件有点棘手，而且看起来 Modal z-index 值没有在Modal 主题定义中指定。我使用模态组件的灯箱如下：
import React, {useState} from 'react'
import { Modal, ModalContent, ModalBody, ModalCloseButton, Flex, ModalOverlay, ModalHeader, useDisclosure } from '@chakra-ui/react'
const LightBox = ({children, src, alt, Wrapper = 'div'}, zIndex=800) => {
const { isOpen, onOpen, onClose } = useDisclosure()
//const [ …我曾尝试在这里查看这个问题的许多不同答案,并尝试使用他们的解决方案,但它似乎没有用,例如这个解决方案: 是否有可能隐藏href标题？
我的问题是当用户将鼠标悬停在图片上时,我如何能够隐藏标题属性工具提示？我尝试使用<span title=" ">text</span>但它只导致标题工具提示显示空格或跨度的标题属性.
这是我的网站.
我有一个普通的html页面,其中包含div和图像链接:
<div>
<a href="foo.jpg"> ... </a>
<a href="boo.jpg"> ... </a>
</div>
<div>
<a href="bah.jpg"> ... </a>
<a href="gah.jpg"> ... </a>
</div>
...
我正在尝试在所有以jpg/gif/png扩展名结尾的链接上挂钩灯箱脚本.
现在,根据我问过的上一个问题:),我有:
$('div a').filter(function(){
return this.href.match('[\.jpg|\.png|\.gif]$');
}).colorbox({
rel: 'gallery'
});
它将所有链接分组gallery.
但是我希望将自己画廊中每个div的链接分组.例如.foo'和.boo链接在a gallery1和.bah&.gah里面gallery2等等......
我怎样才能做到这一点？