小编Evi*_*ter的帖子

在bootstrap标签问题中绘制flot图表

我试图在引导选项卡中使用一个flot图表,虽然javascript没有正确绘制图表,但是它被绘制失真,文本太靠近图形了..

<div id="tab3" class="tab-pane fade">
<div class="chart_flot" style="width:600px;height:300px;"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

在选项卡之外,图表工作正常.我尝试过使用css,但我找到的唯一解决方案是在选择选项卡之前不将标签样式(display:none)设置为默认值,例如:

<div id="tab3" class="tab-pane fade" style="display:block">
<div class="chart_flot" style="width:600px;height:300px;"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我试图在用于图表的选项卡上设置display:block,并且图形被绘制得很好但是在其他选项卡选择上画布不会消失.

解.

我提醒一下,这是一个内置bootstrap默认选项卡bug的图表.它被绘制失真的原因是因为图表无法在隐藏的div中正确绘制(显示:无).

解决此问题有3个选项.

  1. 添加一个javascript触发器,仅在选中图表的选项卡后绘制图表.
  2. 不要使用引导程序,只需创建自己的选项卡脚本,该脚本将隐藏加载时的选项卡,并且在非选定选项卡上不显示display:none.
  3. 简单的方法,与CSS

    #tabid {
        width:0;
        display:block;
        visibility:hidden;
        height:0;
    }
    #tabid.active {
        width:100%;
        height:100%;
        visibility:visible;
    }
    
    Run Code Online (Sandbox Code Playgroud)

我希望这对某些人有用.

javascript charts tabs flot twitter-bootstrap

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

如何制作相同大小的缩略图

我现在很难制作相同尺寸的缩略图,我有一个简单的图库脚本,只需从数据库中取出所有图像,并将它们放在最大宽度为150px,最大高度为150px的页面上.

现在,它看起来很奇怪,因为所有图像都有不同的形状,有没有办法让它们大小相同而不会分开图像?请最简单的方法.我不想在上传步骤中选择缩略图的尺寸.

html javascript css php

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

无法使用pdo将新数据插入数据库

我在尝试将新数据插入数据库时​​遇到问题,我甚至没有收到任何错误

$db = new MyPDO();
$datauser = array( 
'account' => $acc, 
'tid' => $tid, 
'email' => $email, 
'amount' => $amount, 
'date' => 'NOW()',
'obj_id' => $object_id);  
$sql = $db->query("INSERT INTO account_reg_log 
(account, tid, email, amount, date, obj_id) VALUES 
(:account, :tid, :email, :amount, :date, :obj_id)");
$sql->execute($datauser);
Run Code Online (Sandbox Code Playgroud)

运行脚本后检查数据库,看不到新行..任何想法如何修复帽子?

php pdo

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

标签 统计

javascript ×2

php ×2

charts ×1

css ×1

flot ×1

html ×1

pdo ×1

tabs ×1

twitter-bootstrap ×1