标签: jquery-tools

我想知道我是否可以在URL中使用多个片段标识符,有点像这样: http://example.com/videos/index.html#videos#video_2

我正在index.html页面上使用jQuery Tools选项卡系统和历史插件.此页面的"视频"标签包含一个Flash视频播放器和视频列表.单击视频缩略图会将文件加载到播放器中.

我希望访问者不仅可以为#videos标签添加书签,还可以为特定视频添加书签.

我认为在URL中有两个片段标识符是实现这一目标的方法吗？

如何使用jQuery.live来完成这项工作？

$("a[rel]").overlay({
    mask: '#3B5872',
    effect: 'apple',
    api: true,
    onBeforeLoad: function () {
        var wrap = this.getOverlay().find(".contentWrap");
        wrap.load(this.getTrigger().attr("href"));
    }
});

我尝试了这个没有成功:

$("a[rel]").live('click', function () {
    alert('live');
    $(this).overlay({
        mask: '#3B5872',
        effect: 'apple',
        api: true,
        onBeforeLoad: function () {
            var wrap = this.getOverlay().find(".contentWrap");
            wrap.load(this.getTrigger().attr("href"));
        }
    });
});

我有一个编辑表单,我使用Jquery Tools显示为叠加层.

在我的对象列表视图页面上,每个对象都有<a href="#" class="edit_button">Edit</a>.所有这些都附加到相同的叠加形式:

        $(".edit_button[rel]").overlay({ top: '5px',
            fixed: false,

            mask: {
                color: '#ebecff',
                loadSpeed: 200,
                opacity: 0.9
            }
        });

编辑表单叠加层包含一个取消按钮:

<a href="#" class="cancel">Cancel</a>

如何使此取消按钮关闭叠加？似乎我可以访问Overlay API对象的唯一方法是使用创建它的选择器 - 在这种情况下,$('.edit').each()因为我不知道哪一个触发了叠加层.

我真正想要做的是:

$('.cancel').click(function(e){
    var target = e.originalTarget || e.srcElement;
    $(target).parent().parent().getOverlay().close();
});

但这不起作用.

有没有办法我可以关闭叠加而不做:

$(".edit_button[rel]").each(function() {
    $(this).overlay().close();
});

？

我有一些类似fabric.js的绘图应用程序(http://fabricjs.com/freedrawing/)
我想嵌入像Photoshop这样的模糊工具(http://www.demowolf.com/tutorials/demo.php?id=1503&series = 85&format = html)

这是我的模糊功能,但是当我试图改变颜色时它工作不正常它出错了你可以看到下面的截图...

function boxBlurCanvasRGBA( id, top_x, top_y, width, height, radius, iterations ){
 if ( isNaN(radius) || radius < 1 ) return;

 radius |= 0;

 if ( isNaN(iterations) ) iterations = 1;
 iterations |= 0;
 if ( iterations > 3 ) iterations = 3;
 if ( iterations < 1 ) iterations = 1;

 var canvas  = document.getElementById( 'paper' );
 var context = canvas.getContext("2d");
 var imageData;

 try {
   try {
  imageData = context.getImageData( …

我们正在寻找我们能找到的最好的基于jQuery的用户界面库.它不一定是免费的.人们在用什么？

我们使用过jQueryUI,但开发似乎已停滞不前.在很长一段时间内并没有多少新东西.

jQuery Tools看起来很光滑,很专业,但它的小部件数量非常有限.

这就是我们需要的:

• 菜单(水平,垂直)
  
• 日期选择器
  
• 标签
  
• 自动完成
  
• 可编辑的组合框
  
• 一个体面的网格
  
• 一棵像样的树
  
• 对话框
  
• 其中一个控件可以让您将项目从一个垂直列表移动到另一个垂直列表 - 不确定它们被称为什么.
  

很高兴,不是必需的:

• 谷歌地图控件
• 文件管理器

拥有像jQueryUI这样的主题也是非常好的.有人知道这样的图书馆吗？

我有一个工具提示,它将显示在任何标题上:

$("[title!=]:not(IFRAME)").tooltip();

我有一个可以添加或删除的人员列表,您单击位于此人上方的删除按钮,您单击它以将该人替换为另一个人.

当您单击"删除"按钮时,工具提示会显示,因为该项目有一个.但是一旦你把那个人换掉了,工具提示就不会消失.

我很确定原因是,一旦删除了那个人你就没有鼠标输出,所以工具提示永远不会消失.

我试过这个:

$('.remove-player-large a').click(function() {
  $("[title!=]:not(IFRAME)").tooltip().hide();
});

但没有运气任何关于如何解决这个问题的建议？

这有道理吗？

我正在使用jQuery Tools可滚动旋转木马,一次只能查看三个项目,并以自动滚动和循环方式滚动一个项目.

我用CSS来显示这三个项目.这个工作正常,直到旋转木马到达最后一个项目,它似乎等到它已经超过它以加载以下项目.

在显示最后一项之前,它似乎还要等到中间项完全可见.

在这里演示:http: //jsfiddle.net/pgxSm/6/

我能做些什么吗？

我有一个组件,我首先分配一个工具提示mouseenter(一种懒惰的工具提示分配给组件)

我使用惰性方法,因为有许多工具提示可用的组件,我不想为所有这些组件预先分配工具提示.

$(document).delegate(".tooltipable", "mouseenter", function () {
    $(this).tooltip(... options ...);
    $(this).tooltip().show(); // The tooltip will not appear on first `mouseenter` so I have to explicitly show it here
});

这很好用.我想改进它,因此不会mouseenter通过检查是否tooltip已为此组件创建工具提示来创建工具提示.

怎么办？

提前致谢!

当我将鼠标悬停在div上时,我正在努力让工具提示工作.这是HTML标记:

<div class="booking_step_wrap">
    <h4>Email</h4>
    <div class="booking_step" title="hello"><i class="icon-laptop"></i></div>
 </div>

对于我有的jQuery:

jQuery(function() {
  jQuery(".booking_step [title]").tooltip();
});

和CSS(取自jQuery工具网站):

.tooltip {
display:none;
background:black;
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#eee;

}

目前,当我将鼠标悬停在那个div上时没有任何反应,我看不出原因. 这是有问题的网站.有问题的div位于联系部分的底部(第一个圆圈中有一个笔记本电脑图标).任何的建议都受欢迎.

我的网站包含一个带有leaflet.markerclusters插件的Leaflet地图.我还使用Flowplayer播放使用选择器ID"#video1"在JQuery Tools叠加层中打开的视频.

目前,当我点击地图上的任何标记时,它会在叠加层中触发我的测试视频.我的目标是为群集中的每个单独标记创建一个唯一的点击事件.最后,我希望每个标记都有一个点击事件,可以触发该标记独有的视频.

我是初学者,到目前为止,使用这些记录良好的库已经做得很好.但是,我没有能力弥合目前的差距.有人请给我一个正确的方向吗？下面是我的JS小提琴的链接.我的问题始于JavaScript第2098行.

 var markers = new L.MarkerClusterGroup();

var addressPoints = [
    [40.634902, -73.965054, "Video1"],
    [40.660897, -73.961082, "Video2"],
    [40.693353, -73.970413, "Video3"],
    [40.693289, -73.966289, "Video4"],
    [40.68973, -73.971007, "Video5"],
    [40.718423, -73.957428, "Video6"],
    [40.71817, -73.956918, "Video7"],
    [40.681427, -73.993959, "Video8"]
];

for (var i = 0; i < addressPoints.length; i++) {
    var a = addressPoints[i];
    var title = a[2];
    var marker = new L.Marker(new L.LatLng(a[0], a[1]), {
        title: title
    });
    marker.bindPopup(title);
    markers.addLayer(marker);
}

map.addLayer(markers);

//assign video div ID to overlay
$('#video1').overlay({
    load: false, …