调试易

直接用$(settings.columns).find('> li:not(' + notSortable + ')')试试，

    要知道怎么用容易，但要区别他们为什么不同，就得分析2者的源码，找到真正的区别，这可是个非常复杂的工作！说实话，我觉得除非你能看懂JQUERY的源码，否则既然人家跟你说了为什么，你也不知道到底怎么回事，只知道是这样，却不知道为什么这样，所以没有太大的意义，以上纯个人建议！

上述问题已经解决 对 notSortable 加了是否为空的判断
                   if(notSortable==''||notSortable==null){
                 return $('> li:not(null)', settings.columns);
                }else{
                 return $('> li:not(' + notSortable + ')', settings.columns);
                }
解决。
还有一个问题：
.widget-head a.remove{
    float: right;   /*向右对齐  right left none*/
    display: inline;  /*设置是否及如何显示元素*/
    background: url(img/buttons.gif) no-repeat -24px 0;/*背景颜色，图片，是否重复，以及图片的起始坐标*/
    width: 14px;
    height: 14px;
    margin: 8px 4px 8px 0; /*四周的补白，即四周距离其他的距离*/
    text-indent: -9999em;  /*首行文字的文本缩进功能*/
    outline: none;/*设置元素周围的轮廓线*/
}
这段css 在其它浏览器（包括ie6以上）中都能正常的起作用 也能正常的看到background中的图片 
但是在ie6中却看不到，当float: right 修改成left，center，none都可以正常的看到
但是位置却不对了。
另，谢谢3楼的建议。

.widget-head a.remove{
  float: right; /*向右对齐 right left none*/
  _float:none; /*只有IE6可见*/
  _padding-left:数值调试 /*在IE6里单独调试这个，达到位置对齐,或者margin-left*/
  display: inline; /*设置是否及如何显示元素*/
  background: url(img/buttons.gif) no-repeat -24px 0;/*背景颜色，图片，是否重复，以及图片的起始坐标*/
  width: 14px;
  height: 14px;
  margin: 8px 4px 8px 0; /*四周的补白，即四周距离其他的距离*/
  text-indent: -9999em; /*首行文字的文本缩进功能*/
  outline: none;/*设置元素周围的轮廓线*/
}

首先谢谢 falizixun2 
问题已经解决，不是浏览器的问题 
应该是我的css中的注释有问题，可能里边有不能识别的字符，去掉/**/就可以了 。