jQuery UI слайдер не отображается при вызове из углового интерфейса UI

Question

jQuery UI слайдер не отображается при вызове из углового интерфейса UI

0

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

<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;
                    });}
                    ]
            }            
                }
            }     )    

        }])

Boss Killjoys 15 июль 2015, в 12:35

Теги:

jquery

angular-ui-router

1 ответ

Ещё вопросы

JayKay · Answer 1 · 2015-07-15T07-39-00.000Z

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

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

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

                        }            
                    }
                })    

            }])

но проблема в том, что слайдер не появляется