代码之家  ›  专栏  ›  技术社区  ›  user259752

复选框图像替换,未发生任何事件

  •  1
  • user259752  · 技术社区  · 14 年前
    <?php 
    //require 'includes/db.inc.php';
    require 'includes/configs.inc.php';
    ?>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
        <head>
            <title><?php $site_name ?></title>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
            <link rel="stylesheet" type="text/css" href="/css/style.css">
            <script type="text/javascript" src="/js/jquery.imageTickBox.js"></script>
            <script type="text/javascript">
            jQuery(document).ready(function(){
                jQuery("input:[type=checkbox]").imageTickBox({
                tickedImage: "/images/checked.png",
                unTickedImage: "/images/unchecked.png",
                imageClass: "tickbox"
                });
                });
                </script>
      </head>
        <body>
          <div id="mirror" class="center">
            <!--some code deleted-->
            <input type="checkbox" id="Music" name="hobbies[]" value="Music">
            <!--some code deleted-->
          </div>
      </body>
    </html>
    

    上面的代码有问题吗?????将index.php命名为root dir。

    但不起作用,我看到jquery复选框插件指南

    http://blog.leenix.co.uk/2009/10/jquery-plugin-imagetickbox-change-any.html

    2 回复  |  直到 14 年前
        1
  •  1
  •   Lekensteyn    14 年前

    即使使用外部资源,也要始终关闭脚本标记。

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
        2
  •  1
  •   Castrohenge    14 年前

    您需要关闭jquery脚本标记:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>