但是如果我改-6ren">
个人中心
gpt4 book ai didi

javascript - 更改 lib jquery.knob.js 的元素大小

转载 作者：搜寻专家 更新时间：2023-11-01 04:37:55 25 4
gpt4 key购买 nike

我有一个 page

按下按钮后，您会看到 lib jquery.knob.js(circle) 的元素我想改变圆圈大小，我写了这段代码:

<div style="float:left; width:255px; height:155px">
            <input class="knob" data-fgColor="#9dc806" data-cgColor="black" data-bgColor="#7d7d7d" data-tickColor="black" data-thickness=".25" data-readOnly=true value="<?php echo $percent; ?>">
        </div>

但是如果我改变 div 的宽度和高度，圆的大小不会改变吗？

pb.php的所有代码页:

<?php
header('Content-Type: text/html; charset=utf-8');
include '../connect.php';
include '../ProcessingMySQL.php';
$mysqli = new ProcessingMySQL($hostname, $user_name, $password, $db_name);
$site = $_POST['sites'];
$percent = $mysqli->getPercentTopQuery($site);
?>

<html>
    <head>
    <style type="text/css">
        .knob{color:#000000 !important;}
    </style>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
        <script src="js/jquery.knob.js"></script>
        <script>
            $(function() {
                $(".knob").knob();
                var val,up=0,down=0,i=0
                    ,$idir = $("div.idir")
                    ,$ival = $("div.ival")
                    ,incr = function() { i++; $idir.show().html("+").fadeOut(); $ival.html(i); }
                    ,decr = function() { i--; $idir.show().html("-").fadeOut(); $ival.html(i); };
                $("input.infinite").knob(
                                    {
                                    'min':0
                                    ,'max':20
                                    ,'stopper':false
                                    ,'change':function(v){
                                                if(val>v){
                                                    if(up){
                                                        decr();
                                                        up=0;
                                                    }else{up=1;down=0;}
                                                }else{
                                                    if(down){
                                                        incr();
                                                        down=0;
                                                    }else{down=1;up=0;}
                                                }
                                                val=v;
                                            }
                                    }
                                );     
                                $('.knob').val($('.knob').val() + '%');     
             });
        </script>
        <style>
            h2{color:#87CEEB;font-family:'Georgia';}
        </style>
    </head>
    <body>
        <h1>Процент запросов в топе для сайта <?php echo $site; ?></h1>
        <div style="float:left; width:255px; height:155px">
            <input class="knob" data-fgColor="#9dc806" data-cgColor="black" data-bgColor="#7d7d7d" data-tickColor="black" data-thickness=".25" data-readOnly=true value="<?php echo $percent; ?>">
        </div>

    </body>
</html>

最佳答案 

<div style="float:left; width:255px; height:155px">
            <input class="knob" data-fgColor="#9dc806" data-cgColor="black" data-bgColor="#7d7d7d" data-tickColor="black" data-thickness=".25" data-readOnly=true data-width="255" value="<?php echo $percent; ?>">
        </div>

尝试将 data-width="width_of_circle" 属性添加到您的 input.knob。据我所知，这就是你如何控制圆的宽度。就像上面的代码(宽度设置为 255)

关于javascript - 更改 lib jquery.knob.js 的元素大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13929937/

25 4 0
文章推荐： javascript - 测试元素是否在前面的简单方法？
文章推荐： c# - Xamarin iOS UIButton 如何以编程方式单击按钮？
文章推荐： ios - 如何在应用程序开始运行代码之前让迁移运行？
文章推荐： javascript - 添加由另一个变量组成的变量时获取 NaN
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com