jquery ui slider не отображается при вызове с углового маршрута ui

этот код работает правильно, когда я назвал его без углового ui router. но когда я использую угловую ui router ссылку на этот код, он больше не работает. Я включил jquery.ui.theme.css, jquery.ui.slider.css, Jquery-ui.cssjquery ui slider не отображается при вызове с углового маршрута ui

<html> 
<head> 
    <script type="text/javascript"> 
    $(function() { 
     $('#slider1').slider({ 
      value:12, 
      min: 10, 
      max: 20, 
      step: 1, 
      slide: function(event, ui) { 
       $('#font_size').val(ui.value + ' px'); 
       $('.box').css('font-size', ui.value); 
      } 
     }); 
     }); 
    </script> 
</head> 
    <body> 
    <div class="examples"> 
     <div class="column"> 
      <p> 
       <label for="font_size">Font size:</label> 
       <input type="text" id="font_size" style="border:0; color:#f6931f; font-weight:bold;" /> 
      </p> 
      <div id="slider1"></div> 
     </div> 

     <div class="box">A man bribes a rabbit with wicked dentures to run away with him in a sailboat via an ambulance.</div> 
    </div> 
</body> 
</html>

и вот мой маршрут щ

myApp.config(['$stateProvider', '$urlRouterProvider',function($stateProvider, $urlRouterProvider) {  
     $stateProvider 
      .state('detail', {     
       url: '/{examID}',    
       views: { 
       '': { 
        templateUrl: '/test.html', 
        controller: ['$scope', '$stateParams', 'utils', 

        function ($scope,$stateParams,utils) { 
         utils.findById($stateParams.examID).success(function (response) { 
         $scope.exam = response; 
        });} 
        ] 
      }    
       } 
      } )  

     }])

источник

2015-07-15 Boss Killjoys

Попробуйте использовать «: examID 'вместо {} examID

Найти код ниже

myApp.config(['$stateProvider', '$urlRouterProvider',function($stateProvider, $urlRouterProvider) {  
      $stateProvider 
       .state('detail', {     
        url: '/:examID',    
        views: { 
        '': { 
          templateUrl: '/test.html', 

         }    
        } 
       })  

      }])

источник

2015-07-15 10:11:10 JayKay

но проблема ползунок не показывает вверх –

jquery ui slider не отображается при вызове с углового маршрута ui

ответ

Смежные вопросы