jquery 插件使用问题

java-net.js 2017-05-18 06:33:16

下面上图两张，我直接在页面调用方法可以执行，但是我放到按钮的点击事件里面就不行了，对象都可以拿到，就是无法触发事件

...全文

243 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

java-net.js 2017-05-19

打赏
举报

而且我在java web 中测试并没有发现问题

java-net.js 2017-05-19

打赏
举报

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body style="background-color:#000000">
    <div id="rC_C" class="redCountdownDemo"></div>
    <input type="button" onclick="test()" value="点击测试" />
    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.knob.min.js"></script>
    <script src="/js/jquery.ba-throttle-debounce.min.js"></script>
    <script src="/js/jquery.redcountdown.js"></script>

    <script type="text/javascript">
        function test() {
            console.log($('#rC_C'));
            $('#rC_C').redCountdown({
                end: 30,
                now: '0',
                labels: true,
                labelsOptions: {
                    lang: {
                        seconds: ''
                    },
                    style: 'font-size:0.5em; text-transform:uppercase;'
                },
                style: {
                    secondsElement: {
                        gauge: {
                            thickness: .2,
                            bgColor: "rgba(255,255,255,0.05)",
                            fgColor: "rgba(255,255,255,0.2)",
                            lineCap: 'round'
                        },
                        textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:rgba(255,255,255,0.7);'
                    }
                },
                onEndCallback: function () {

                }
            });
        }

        //test();

    </script>

</body>
</html>

这个是我用asp.net mvc4 做的页面，还是不能用

java-net.js 2017-05-19

打赏
举报

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body style="background-color:#000000">
    <div id="rC_C" class="redCountdownDemo"></div>
    <input type="button" onclick="test()" value="点击测试"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.knob.min.js"></script>
    <script src="js/jquery.ba-throttle-debounce.min.js"></script>
    <script src="js/jquery.redcountdown.js"></script>

    <script type="text/javascript">
        function test(){
            console.log($('#rC_C'));
            $('#rC_C').redCountdown({
                end: 30,
                now: '0',
                labels: true,
                labelsOptions: {
                    lang: {
                        seconds: ''
                    },
                    style: 'font-size:0.5em; text-transform:uppercase;'
                },
                style: {
                    secondsElement: {
                        gauge: {
                            thickness: .2,
                            bgColor: "rgba(255,255,255,0.05)",
                            fgColor: "rgba(255,255,255,0.2)",
                            lineCap: 'round'
                        },
                        textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:rgba(255,255,255,0.7);'
                    }
                },
                onEndCallback: function () {

                }
            });
        }


   
    </script>

</body>
</html>

这个是静态页面，就能用