小编Sco*_* UX的帖子

当用户在其外部单击时,使用jQuery隐藏DIV

我正在使用此代码:

$('body').click(function() {
   $('.form_wrapper').hide();
});

$('.form_wrapper').click(function(event){
   event.stopPropagation();
});
Run Code Online (Sandbox Code Playgroud)

这个HTML:

<div class="form_wrapper">
   <a class="agree" href="javascript:;">I Agree</a>
   <a class="disagree" href="javascript:;">Disagree</a>
</div>
Run Code Online (Sandbox Code Playgroud)

问题是我在DIV内部有链接,当它们点击时它们不再有效.

html jquery styling hide

939
推荐指数
18
解决办法
69万
查看次数

HTML5 拖放文件上传,页面上有多个目标放置区域

是否有任何 Javascript 解决方案允许 HTML5 拖放上传到网页上的多个目标?

例子

网页上有五个不同的文件夹,用户只需将文件拖放到目标文件夹中即可将其上传到该文件夹​​。

到目前为止,我已经完成了对单个目标的拖放上传。但我想要一些可以在页面上处理多个目标的东西。还具有排队选项,因此并非所有文件都一次上传,这可能会阻塞服务器。

我正在寻找的解决方案是:

html upload jquery drag-and-drop

5
推荐指数
1
解决办法
2万
查看次数

PHP将远程映像保存到Amazon S3

有没有办法使用URL抓取图像并将其直接保存到亚马逊?

用PHP?

我的另一个选择是在本地保存文件并使用S3 PHP类发送它.

php amazon amazon-s3

5
推荐指数
1
解决办法
8198
查看次数

查找重复的mysql记录并使用上一个重复值更新第一个副本

我有一张这样的桌子.

ID    Name     Tag    
1     Orange   tea     
2     Pear     light    
3     Apple    tea
4     Juice    tea
5     Cocoa    baseball
6     Camera   baseball
Run Code Online (Sandbox Code Playgroud)

我想要做的是对于具有重复TAGS的行,我想用LATEST出现更新FIRST出现的名称.

所以在上面的示例中,我想将ID 1的名称从Orange更新为Juice并删除其他名称(#3,#4)并将ID 5从Cocoa更新为Camera并删除#6.

我如何使用PHP与PHP一起做到这一点?或者也许可以在MySQL内部进行?

谢谢!

mysql duplicates

4
推荐指数
1
解决办法
5833
查看次数

Jquery AJAX调用:$(this)在成功后不起作用

我想知道为什么$(this)在jQuery ajax调用之后不起作用.

我的代码是这样的.

$('.agree').live("click", function(){  // use live for binding of ajax results
      var id=($(this).attr('comment_id'));
      $.ajax({
        type: "POST",
        url: "includes/ajax.php?request=agree&id="+id,
        success: function(response) {
            $(this).append('hihi');
        }
      });
      return false;
    });
Run Code Online (Sandbox Code Playgroud)

为什么在ajax调用之后$(this)在这种情况下不起作用?如果我在ajax之前使用它但在之后没有效果它会工作.

ajax jquery this

3
推荐指数
1
解决办法
1762
查看次数

Jquery - 获取DIV中的所有内容除了特定对象

如何获取DIV内的所有内容?我想在我的页面上保存#wrapper DIV中存在的所有代码.这很容易.但问题是......如何为一个特定对象(带有"main"类的图像)选择所有EXCEPT.

你可以在这里看到它是如何工作的http://www.jsfiddle.net/8A27a/

这是我到目前为止:

        <div id="wrapper">
            <div class="icon"><img src="http://www.yousendit.com/en_US/theme_default/images/g_logo_trans_110x63.gif"></div>
            <div class="icon"><img src="http://www.yousendit.com/en_US/theme_default/images/g_logo_trans_110x63.gif"></div>   
            <div class="icon"><img src="http://www.yousendit.com/en_US/theme_default/images/g_logo_trans_110x63.gif"></div>  
            <img class="main" src="http://afteramerica.files.wordpress.com/2010/01/061221225103_abraham_lincoln_lg1.jpg">
        </div>

        <input type="button" value="save" class="save">

    <script>
$(document).ready(function() { 
            $('.save').live('click', function() {
                var content = $('#wrapper').html();
                alert(content);
             });
});
</script>
Run Code Online (Sandbox Code Playgroud)

html jquery exception

3
推荐指数
1
解决办法
4662
查看次数

jquery拖放:Droppable对float:left或inline-block的元素不起作用

其他人之前有这个问题吗?

我似乎无法进入具有显示的TARGET:inline-block或float:left.

这是示例代码的链接:http: //jsbin.com/arusu3/141

我发现的一些信息:http: //forum.jquery.com/topic/connecttosortable-fails-when-sortable-list-is-floated

我注意到如果我将它完全转储到中间,可能会工作INLINE.但是如果我拖动的任何部分接触到它会接受掉落会很好.

jquery droppable

3
推荐指数
1
解决办法
3170
查看次数

使用AJAX使用jQuery在页面加载后填充页面

我将不胜感激这个问题的任何帮助.

假设我想在加载完成后加载页面上不同项目的控件.

所以:

Object 1
<div id="controls1" class="controls" item_id="1"></div>

Object 2
<div id="controls2" class="controls" item_id="2"></div>

Object 3
<div id="controls3" class="controls" item_id="3"></div>
Run Code Online (Sandbox Code Playgroud)

我如何使用jQuery通过使用AJAX调用的"控件"类来使DIV受欢迎?在这种情况下,我想它将不得不对流行的每个DIV进行3次ajax调用.

我抓取内容的ajax是ajax.php?request = controls&item_id =

谢谢!

ajax jquery

2
推荐指数
1
解决办法
2万
查看次数

使用Prototype.js的工具提示

为Prototype库找到一个易于使用的工具提示似乎很难.那些在那里的人是如此臃肿.

我正在寻找的东西就像这样简单.

<a class="tooltip">This is my sentence<span>Tooltip is here</span> that ends in sorrow.</a> <a class="tooltip">How can I make this happen <span>like how?</span> without killing people.</a>
Run Code Online (Sandbox Code Playgroud)

我有一个CSS解决方案,但问题是一旦工具提示靠近浏览器的边缘,它就会脱离边缘.我喜欢它是聪明的,而不是走出浏览器窗口的边缘.

无论如何?我正在考虑使用Prototype来找到弹出窗口的xy坐标并移动它.但怎么办呢?

这就是我用于CSS的内容

.date_info a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
.date_info a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:200px;}
.date_info a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #555; color:#6c6c6c;}
Run Code Online (Sandbox Code Playgroud)

javascript tooltip prototypejs

2
推荐指数
1
解决办法
8955
查看次数

将对象拖放到DIV ..相对于目标DIV的绝对位置和大小

我有一个关于拖放的问题,并希望你们中的一个已经解决了它.我有一个在线网络应用程序,我可以在一个DIV上的图像上拖放注释(箭头,星星).

这里有一些事要知道.1)图像可以是任何尺寸(有时大有时小)2)包装的DIV可以左对齐或居中3)包装的DIV可以固定或自动

那么是否有任何可能的解决方案使它注释的位置总是相对于图像的左上角?所以

我正在使用jQuery.一旦我丢弃对象,我将如何获得注释的位置始终相对于图像的左上角?

谢谢!

jquery drag-and-drop position

2
推荐指数
1
解决办法
1919
查看次数