小编wil*_*fun的帖子

如何在没有插件的情况下使用jquery创建工具提示?

多年来我使用了一些不同的工具提示插件,但我认为现在是编写自己的插件的时候了.简单地说,我不是在寻找一个拥有所有选项的插件,因为我知道我希望每个工具提示都能弹出来看起来和行为.大多数插件都有一系列的动画和位置可供使用,我认为这对于我想要创建的轻量级插件来说太过分了,当然你的帮助:)

基本上,使用悬停的title属性,我希望工具提示直接显示在正在悬停的元素上方并居中.

我知道如何填充将要显示的div,但是我想要解决的是如何告诉div将自己定位在元素的正上方.

理想情况下,这是用最少的代码完成的.我的逻辑说的是这样的(伪代码):

<html>
<head>

<style type="text/css">

    #myToolTip { display: none; }

</style>
Run Code Online (Sandbox Code Playgroud)

<script type="text/javascript">

$(document).ready(function() {

    $('.hoverAble').hover(function(){

        var tip = $(this).attr('title');

        $('#myToolTip').html(tip).fadeIn();

    }, function() {

        $('#myToolTip').fadeOut();

    }

});
</script>
</head>
<body>

<div id="myToolTip"></div>

<div class="hoverAble" title="I am good at code"></div>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

当然上面的代码只是填充工具提示而不是相对于悬停元素定位.那是我的理解不足的地方.你能帮我吗?

编辑:为了澄清,我不想让工具提示随鼠标移动.

css jquery

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

phpMyAdmin"无法访问您为上传工作设置的目录"

我正在上传一个24mb的sql文件,并按照说明使用$ cfg ['UploadDir']为phpmyadmin设置上传目录.不幸的是它不起作用.

我在phpMyAdmin文件夹中创建了一个名为'upload'的文件夹.

在我的config.inc.php中,我提出了以下内容:

$cfg['UploadDir'] = 'upload';
Run Code Online (Sandbox Code Playgroud)

此配置是由PMA创建的向导.

我也尝试过:

$cfg['UploadDir'] = './upload';
$cfg['UploadDir'] = '/absolute_php_my_admin_address/upload';
Run Code Online (Sandbox Code Playgroud)

我还尝试了所有这些变体,尾部有'/'.

我在网上找到了很多线程,确切的问题.我的上传文件夹与父PMA目录具有相同的权限和所有权.我也没有在安全模式下运行.

你遇到过这个问题并解决了吗?在Redhat 5上运行PMA 3.5.2.

phpmyadmin

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

你如何用jquery和linebreaks填充textarea?

我知道如何填充textarea,但如何填充它以保持换行符?

例如

HTML

    <div id="previous_purchases">blah blah blah<br />blah blah</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

    $('#previous_purchases').click(function(){

        var what = $(this).text();

        $('#purchased').text(what);


});
Run Code Online (Sandbox Code Playgroud)

所有的等等只是在一条线上的textarea中飙升.有任何想法吗?

编辑:我一直在尝试使用html()而不是文本,但它产生相同的结果.我想通过使用html()我会得到一个textarea,
但事实并非如此......它只是在一条线上.

即使使用此代码:

    $('#previous_purchases').click(function(){

        var what = $(this).html();

        $('#purchased').html(what);


});
Run Code Online (Sandbox Code Playgroud)

jquery

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

如何在jQuery插件fullCalendar中使用多个源?

我有一个功能性的fullCalendar http://arshaw.com/fullcalendar/正在从Google日历中检索单个来源,用于这样的事件:

$('#calendar').fullCalendar({

   events: $.fullCalendar.gcalFeed(
      "http://www.google.com/calendar/feeds/etc",   // feed URL
      { className: 'gcal-events' }                  // optional options
   )

     });
Run Code Online (Sandbox Code Playgroud)

然而,我的挑战是有多个Feed.fullCalendar文档说:

eventSources:Array类似于'events'选项,除了可以指定多个源.例如,可以指定JSON URL的数组,自定义函数的数组,硬编码事件数组的数组或任何组合.

但是没有例子,所以这里的JSON新手有点卡住了.

关于使用eventSources和feed数组需要什么的任何想法?

jquery fullcalendar

6
推荐指数
1
解决办法
5530
查看次数

如何使包含div元素的相对位置匹配子元素高度?

我有一个简单的问题,我有2个div,1是相对定位.子元素是绝对定位的.这个孩子身高不一.

到目前为止的代码:

HTML

<div id="wrap"><div id="inner"></div></div>
Run Code Online (Sandbox Code Playgroud)

CSS

#wrap {
    width: 100%;
    background: #ccc;
    position: relative;
    min-height: 20px;
}

#inner {
    width:30%;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
    height: 200px;
}
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是#wrap元素不调整其高度以匹配子元素,因此子元素挂在父元素的边缘之外.这可以通过相对和绝对定位元素来完成吗?

我知道这可以通过浮动元素实现并跟随它们使用css => cleared:both,但我想知道它是否可以使用此方法.

如果有人想帮助我,我已经在这里创建了这个问题的一个小问题!

非常感谢.

html css

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

如何发布带有需要转义字符的curl的json字符串?

我有一个shell脚本,我一直用来发布到hipchat频道的东西.它工作正常,直到我尝试发送一个包含需要转义的字符的消息.我像这样运行命令(注意那里的额外反斜杠导致问题)

/usr/local/bin/hipchatmsg.sh "my great message here \ " red
Run Code Online (Sandbox Code Playgroud)

我的bash脚本(hipchatmsg.sh)中的代码重要的是:

# Make sure message is passed
if [ -z ${1+x} ]; then
    echo "Provide a message to create the new notification"
    exit 1
else
    MESSAGE=$1
fi

// send locally via curl
/usr/bin/curl -H "Content-Type: application/json" \
   -X POST \
   -k \
   -d "{\"color\": \"$COLOR\", \"message_format\": \"text\",  \"message\": \"$MESSAGE\" }" \
$SERVER/v2/room/$ROOM_ID/notification?auth_token=$AUTH_TOKEN &

// $server and $room are defined earlier

exit 0
Run Code Online (Sandbox Code Playgroud)

如果我尝试使用任何需要转义的字符运行上面的命令,我将得到如下错误:

{
    "error": {
    "code": 400,
    "message": "The request …
Run Code Online (Sandbox Code Playgroud)

bash shell curl

6
推荐指数
1
解决办法
3589
查看次数

未定义的变量php通知解决方法?

我只是打开通知,因为它有一些我需要调试的重要信息......据说,我发现未定义的变量是一个真正的痛苦.

例如,要删除未定义的变量通知,我必须转换以下代码:

if($the_month != $row['the_month'])
Run Code Online (Sandbox Code Playgroud)

if(isset($the_month)  &&  $the_month != $row['the_month'])     
Run Code Online (Sandbox Code Playgroud)

还有另一种方法吗?这个解决方案对我来说似乎浪费时间.

php

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

随机添加到css3动画循环

每次css3动画循环时我都想更改样式中的变量.

例如,以下css从屏幕的顶部到底部丢弃一组降落伞:

@-webkit-keyframes fall {
  0% { top: -300px; opacity: 100; }
  50% { opacity: 100; }
  100% { top: 760px; opacity: 0; }
}

#parachute_wrap {
  -webkit-animation-name: fall;
  -webkit-animation-iteration-count: infinite; 
  -webkit-animation-duration: 70s;
  -webkit-animation-timing-function: linear;
}
Run Code Online (Sandbox Code Playgroud)

然而,理想情况下,在每个循环结束时,我想投入一个随机的X位置.

该组的默认样式是:

#parachute_wrap {
  position: absolute;
  top: -300px;
  left: 50%;
  margin-left: 140px;
}
Run Code Online (Sandbox Code Playgroud)

因此,在70秒后,我想在-200px和200px之间的任何地方更改margin-left或left属性.

我知道我可以用jquery和everytime()来做这样的事情:

$('#parachute_wrap').everyTime ( 70000, function (){
    $("#parachute_wrap").css({left: Math.floor(Math.random() * 51) + 5 + '%'},0);
});
Run Code Online (Sandbox Code Playgroud)

但有没有办法将css循环绑定到js来执行此操作?即是否有任何类型的回复调用js可以听取与动画的完美同步?我担心,如果我在70年代的计时器上使用JS,那么将要发生的时间是不正确的,并且在css动画的一半,js将执行其定时循环,并且降落伞将跳转到半个地方通过动画的方式.

你会怎么做?

javascript css jquery animation

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

如何在此jquery循环之外访问此变量?

我有一个简单的jquery循环,通过我的表单和

  1. 看看是否有空字段.
  2. 如果有空,请用"空"类标记它们
  3. 然后创建一个'错误'变量

基本上:

// check all the inputs have a value...
$('input').each(function() {

    if($(this).val() == '') {

        $(this).addClass('empty');
        var error = 1;

    }   

});
Run Code Online (Sandbox Code Playgroud)

这很有魅力.但是,随着我的代码继续,我似乎无法访问该"错误"变量......好像它被锁定在每个循环中.以下代码就在.each()循环之后,我永远不会触发my_error_function(),即使我知道标准1和2正在运行.

if(error == 1) {

    my_error_function();

} else {

    my_non_error_function();

}
Run Code Online (Sandbox Code Playgroud)

如何访问此变量以便我可以在代码中的其他位置使用其结果?

javascript jquery

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

如何使用jQuery访问一些JSON?

我认为这是一个简单的问题,我之前没有像以前那样使用JSON.

很简单,我有一个JSON对象:

fc_json = {
    "product_count": 1,
"total_price": 199.95,
"total_weight": 1,
"session_id": "26e8og4ldmlunj84uqf04l8l25",
    "custom_fields":{
        "affiliateID":"25"
    },
"messages":{
    "errors":[],
    "warnings":[],
    "info":[]
}
};
Run Code Online (Sandbox Code Playgroud)

我想用jQuery提取affiliateID的变量.有一个简单的方法吗?我真的不知道.

jquery json

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

标签 统计

jquery ×6

css ×3

javascript ×2

animation ×1

bash ×1

curl ×1

fullcalendar ×1

html ×1

json ×1

php ×1

phpmyadmin ×1

shell ×1