angularjs - angular-slidezilla: <slider> not showing in site -


i tried intgrating angular-slidezilla web site, slider elements not show.

observations:

  • i copied .js file /lib folder , .css /css folder.
  • the site uses requirejs; added source file requirements list.
  • i added css stylesheet link next other css files in index.html file.
  • to test, copied demo page (the entire part) html page , added $scope.slider1.val etc. variables angularjs controller object. added function periodically changes value of scope variables.
  • when deploy site , load page, see values changing every second (these shown text near sliders). sliders not show.
  • "inspect element" function shows generated piece of dom (div objects related slider), slider has size 0px*0px.
  • no errors in javascript console.

can give me hint how investigate further?

found solution. javascript code in angular-slidezilla.js never executed. result widgets not initialized , remained in initial hidden state.

i needed edit 1 line of javascript code working:

// app.js var app = angular.module("app", ['ui.bootstrap', ..., 'angular-slidezilla']); 

Comments

Popular posts from this blog

android - Gradle sync Error:Configuration with name 'default' not found -

java - Andrioid studio start fail: Fatal error initializing 'null' -

html - jQuery UI Sortable - Remove placeholder after item is dropped -