html - Bootstrap tooltip is not visible using javascript -

-

i new bootstrap. using bootstrap range slider , javascript in program. inspite of using following, not able see tooltip of slider:

<input id = "cheaphfslider" type="range" data-slider-min="0" data-slider-max="100" data-slider-step="1"                  data-slider-tooltip="show" onchange="sliderchanged(this)"> <label id = "cheaphfsliderval">

when hover cursor on slider in chrome's debugging mode, can see 'tooltip tooltip-main top' being highlighted in elements tab of debugger. attaching screen shot of above.please refer 1st slider. class in selected div in elements tab highlighted. not take screen shot @ perfect time. please ignore other 3 sliders on web page.

related css , js are:

<!-- bootstrap css-->     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/y6pd6fv/vv2hjna6t+vslu6fwyxjcftcephbnj0lyafsxtsjbbfadjzaleqsn6m" crossorigin="anonymous">  <!-- bootstrap slider css --> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.8.1/css/bootstrap-slider.css">      <!-- bootstrap js -->     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>  <!-- bootstrap slider js --> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.8.1/bootstrap-slider.js"></script>

my script tag is:

<script type="text/javascript">          $(document).ready(function() {             $("#cheaphfslider").slider().on('slide', function(_event) {                 $("#cheaphfsliderval").html(_event.value + "%");             });             $("#cheaphfsliderval").html($("#cheaphfslider").slider('getvalue') + "%"); // set initial value of slider in label         })          function sliderchanged(slider) {             switch(slider.id) {                 case 'cheaphfslider':                     $("#cheaphfsliderval").html(slider.value + "%");                     break;                  default:                     console.log("invalid slider '" + slider.id + "' !");             }         }  </script>

please let me know going wrong


Comments

Post a Comment

Popular posts from this blog

ios - MKAnnotationView layer is not of expected type: MKLayer -

-
Image
so code works fine logger riddled message. there way rid of or suppress it? postannotation.swift class postannotation: mkpointannotation { //mark: properties let post: post //mark: initialization init(post: post) { self.post = post super.init() self.coordinate = cllocationcoordinate2d(latitude: post.latitude, longitude: post.longitude) self.title = post.title self.subtitle = post.timestring() } } adding annotation let annotation = postannotation(post: post) self.map.addannotation(annotation) func mapview func mapview(_ mapview: mkmapview, viewfor annotation: mkannotation) -> mkannotationview? { if annotation mkuserlocation { return nil } var annotationview = mapview.dequeuereusableannotationview(withidentifier: "pin") as? mkpinannotationview if annotationview == nil { annotationview = mkpinannotationview(annotation: annotation, reuseidentifier: "pin")
Read more

ZeroMQ on Windows, with Qt Creator -

-
i have installed zmq link given below on windows 7. http://zeromq.org/distro:microsoft-windows 1) have c++ project in qt-creator , i'm using zmq c++ binding (zhelpers.hpp etc). 2) have added .lib installed zmq folder qtcreator 3) while compiling, compiler looks _imp__zmq_verion, in .dll files present in .lib have __imp_zmq_version. 4) causing undefined reference zmq_version. anyone else faced problem , has solution ?
Read more

unity3d - Unity SceneManager.LoadScene quits application -

-
i have 2 different scenes 1 named 'main' , other 'game' both added scenes in load. when use scenemanager.loadscene("game"); works no problem when tried return main scene code if (input.getkeydown (keycode.escape)) { scenemanager.loadscene("main"); } strangely game quits. thanks. sorry interruption. somewhere on other script found code. if (input.getkeydown (keycode.escape)) { application.quit (); } that's bad, know...
Read more