多年来我使用了一些不同的工具提示插件,但我认为现在是编写自己的插件的时候了.简单地说,我不是在寻找一个拥有所有选项的插件,因为我知道我希望每个工具提示都能弹出来看起来和行为.大多数插件都有一系列的动画和位置可供使用,我认为这对于我想要创建的轻量级插件来说太过分了,当然你的帮助:)
基本上,使用悬停的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)
当然上面的代码只是填充工具提示而不是相对于悬停元素定位.那是我的理解不足的地方.你能帮我吗?
编辑:为了澄清,我不想让工具提示随鼠标移动.
我正在上传一个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.
我知道如何填充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) 我有一个功能性的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数组需要什么的任何想法?
我有一个简单的问题,我有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,但我想知道它是否可以使用此方法.
非常感谢.
我有一个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) 我只是打开通知,因为它有一些我需要调试的重要信息......据说,我发现未定义的变量是一个真正的痛苦.
例如,要删除未定义的变量通知,我必须转换以下代码:
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)
还有另一种方法吗?这个解决方案对我来说似乎浪费时间.
每次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将执行其定时循环,并且降落伞将跳转到半个地方通过动画的方式.
你会怎么做?
我有一个简单的jquery循环,通过我的表单和
基本上:
// 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)
如何访问此变量以便我可以在代码中的其他位置使用其结果?
我认为这是一个简单的问题,我之前没有像以前那样使用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 ×6
css ×3
javascript ×2
animation ×1
bash ×1
curl ×1
fullcalendar ×1
html ×1
json ×1
php ×1
phpmyadmin ×1
shell ×1