Question

我正在使用以下jQuery设置工具提示的样式

  $(function() {

        // select all desired input fields and attach tooltips to them
      $("#tooltips :input").tooltip({

      // place tooltip on the right edge
      position: "center left",

      // a little tweaking of the position
      offset: [-2, 10],

      // use the built-in fadeIn/fadeOut effect
      effect: "fade",

      });
    });

我的CSS是

#myform {
    height: auto;
  }
  #tooltip{
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background-color: #fff !important;
  border: 1px solid !important;
  border-radius: 5px;
  border-color: #bbb #bbb #a8a8a8;
  padding: 16px;
  z-index: 2000 !important;
  width: 255px;
  line-height: 17px;
  top: 48px;
  margin-left:-16px !important;
  font-style: italic;
  color: #7d7d7d;
  font-size: 13px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  }
#tooltip:after {
        content: '';
        position: absolute;
        border: 3px solid rgba(51, 51, 51, 0.9);
        border-color: transparent white;
        border-width: 8px 0 8px 7px;
        top: 40%;
        right: -6px;
}

#tooltip:before {
        content: '';
        position: absolute;
        border: 2px solid #333;
        border-color: transparent #000;
        border-width: 8px 0 8px 6px;
        top: 40%;
        right: -6px;
}

我想将CSS名称更改为其他内容而不是工具提示，但是当我更改我的CSS名称时，工具提示不起作用。

任何帮助将不胜感激

Answer 1

相应地更新jQuery选择器。如果想要将其命名为anyRandomName，那么

选择器应该是

$("#anyRandomName:input").tooltip({
   //...
});

还要确保要显示tootip的元素的ID为anyRandomName

Answer 2

不确定您要问的是什么，但是如果您想要替换＆＃39;工具提示＆＃39;与任何其他字符串，如＆＃39; test＆＃39;在CSS中，您必须使用相同的名称$('#tooltip :input')替换$('#test :input')内的相同字符串。

工具提示功能和CSS

2 个答案: