jQuery ui टूलटिप कस्टम वर्ग

Question

मैं अपने बक्सें पर jQuery ui टूलटिप का उपयोग कर रहा हूँ और मैं एक कस्टम और

.ui-tooltip1 { 
    padding: 8px; 
    position: absolute; 
    z-index: 9999; 
    max-width: 300px; 
    -webkit-box-shadow: 0 0 5px #aaa; 
    box-shadow: 0 0 5px #aaa; 
    background-color:white !important; 
    color: Red !important; 
} 

इस तरह वर्ग को परिभाषित किया है मैं इस तरह यह उपयोग कर रहा हूँ:

  $(".phone").tooltip({ 
      tooltipClass: "ui-tooltip1" 
     }); 

लेकिन जब मैं पहली बार पृष्ठ लोड करता हूं तो यह कक्षा लागू नहीं होती है। पृष्ठ लोड डिफ़ॉल्ट टूलटिप वर्ग पर लागू होता है। जब पृष्ठ लोड होता है तो मैं टूलटिप पर इस कक्षा को कैसे लागू कर सकता हूं?

कृपया सुझाव दें।

Answer 1

बस $(document).ready

$(document).ready(function() { 
    $(".phone").tooltip({ 
     tooltipClass:"ui-tooltip1" 
    }); 
}); 

Answer 2

मैं एक ही समस्या थी का उपयोग करें। यहां मेरी मदद की गई:
दोनों jquery-ui टूलटिप कक्षाएं और आपकी खुद की कस्टम क्लास टूलटिप तत्व पर असाइन की गई है।
यह एसओ प्रविष्टि: Multiple !important class declarations and precedence ने मेरी मदद की: "यदि दोनों नियमों में एक ही संपत्ति घोषित की जाती है, तो सीएसएस घोषणाओं के आदेश के अनुसार संघर्ष को विशिष्टता के माध्यम से पहले हल किया जाता है। कक्षा विशेषता में कक्षाओं का क्रम है संबद्ध नहीं।"।

तो मैं तो मेरे अपने सीएसएस ui-सीएसएस और बुला पहले से समस्या का समाधान हो सकता है:

<link rel="stylesheet" href="../css/jquery_ui_1.10.1.css" type="text/css" /> 
<link rel="stylesheet" href="../css/myown.css" type="text/css" />