函数(blurClass)不在IE中工作

时间:2010-03-23 15:51:26

标签: jquery internet-explorer

我无法让这个插件在IE中正常运行....

查看我的主页并查看顶部的巨大搜索字段...

www.naturalskin.com

每当我刷新屏幕时,“模糊”就失去了它的功能,而我却被文字卡住了......

以下是我放在外部js页面中的脚本:http://www.naturalskin.com/src/js/javascript/batches.js

jQuery.fn.hint = function (blurClass) {
  if (!blurClass) { 
    blurClass = 'blur';
  }

  return this.each(function () {
    // get jQuery version of 'this'
    var $input = jQuery(this),

    // capture the rest of the variable to allow for reuse
      title = $input.attr('title'),
      $form = jQuery(this.form),
      $win = jQuery(window);

    function remove() {
      if ($input.val() === title && $input.hasClass(blurClass)) {
        $input.val('').removeClass(blurClass);
      }
    }

    // only apply logic if the element has the attribute
    if (title) { 
      // on blur, set value to title attr if text is blank
      $input.blur(function () {
        if (this.value === '') {
          $input.val(title).addClass(blurClass);
        }
      }).focus(remove).blur(); // now change all inputs to title

      // clear the pre-defined text when form is submitted
      $form.submit(remove);
      $win.unload(remove); // handles Firefox's autocomplete
    }
  });
};

埃里克

1 个答案:

答案 0 :(得分:0)

尝试bind('blur',function(){})而不是.blur(function(){});

使用触发器('blur')函数而不是blur();

<强>被修改

$input.bind('blur',function () {
        if (this.value === '') {
          $input.val(title).addClass(blurClass);
        }
      }).focus(remove).trigger('blur');

如果你在任何时候使用ajax使用.live()而不是.bind();也是一个很好的提示; 因为这会查找新条目......