无法使用toChecklist插件

Mik*_*ike 5 xhtml jquery

有任何人使用toChecklist jquery插件,我试图使用它并按照说明,但没有任何事情发生,这是我的代码:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.toChecklist.min.js"></script>

<!-- Stylesheet -->
<link type="text/css" rel="stylesheet" media="screen" href="jquery.toChecklist.min.css" />

<!-- Code to run toChecklist -->
<script type="text/javascript">
    $(function() {
        $('mySelectBox').toChecklist();
    });
</script>

</head>
<body>

<select id="mySelectBox" multiple="multiple">
    <option>Value 1</option>
    <option>Value 2</option>
    <option>Value 3</option>
</select>   

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

小智 7

toChecklist插件使用两种旧的和过时的方式来访问innerHTML,例如:

var labelText = $(this).attr('innerHTML'); 
checkboxValue = this.innerHTML;
Run Code Online (Sandbox Code Playgroud)

这在jquery 1.6+中不可用

所以你有2个选择让它适合你.

  1. 将您的jquery降级到1.5或更低版本.
  2. 将toChecklist.js中的那些行(以及这样的其他行)更改为类似这样的行

    var labelText = $(this).html(); 
    checkboxValue = this.html();
    
    Run Code Online (Sandbox Code Playgroud)

有关详细信息,请参阅http://forum.jquery.com/topic/jquery-change-innerhtml.


kev*_*nji 0

好吧,问题是你有两个 <html>标签:

<html xmlns="http://www.w3.org/1999/xhtml">
<html>
Run Code Online (Sandbox Code Playgroud)

这将阻止您的页面验证,并可能导致一些其他问题。<html>如果您打算坚持使用 XHTML(我猜您就是这样),请删除第二个标签。