jQuery değer değişikliği konusunda fontsize ayarla Garip davranış

jQuery ve Angular js kullanarak paragrafın yazı tipi boyutunu değiştirmeye çalışıyorum.jQuery değer değişikliği konusunda fontsize ayarla Garip davranış

Kullanıcı yazı tipi boyutunu değiştirdiğinde, p etiketleri yazı tipi boyutu değiştirilir, iyi çalışıyor. Ama küçük bir hata var, kullanıcı font boyutunu değiştirdiğinde değeri ayarlarsa Ama azalırsa, azalmaz ama artar ve tam tersi ve bu tür birçok benzer davranış oluşur.

<!DOCTYPE html> 
<html> 

<head> 
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 


     <style> 
      p{ 
       height: 600px; 
       width: 600px; 
       font-size:17px; 
      } 



     </style> 
    </head> 
    <body> 



      <div ng-app="myApp" ng-controller="editor"> 
      <label for="kys_font_size"> font size:</label> 

      <select ng-model="kys_selected_font" id="fontsize" name="kys_font_size" ng-options="page for page in FontSize(1, 150)"> 
       </select> 



      </div> 


    <p contenteditable="true" id="content" > 


     </p> 


     <p></p> 

     <script> 

      var app = angular.module('myApp',[]); 
      app.controller('editor',function($scope){ 

       $scope.FontSize = function(start, end) { 
             var size = []; 
             for (var i = start; i <= end; i++) { 
             size.push(i); 
             } 
          return size; 
         }; 


        $("#fontsize").on('change',function(){ 
          $("#content").css("fontSize",$scope.kys_selected_font+"px"); 

        }); 
      }); 

     </script> 
    </body> 



</html>

kaynak

2016-04-06 Jois

Eğer ng-değişim kullanmak zorunda

...:

benim kodudur seçilen. – nisar

Bunu nasıl düzeltebilirim? – Jois

Onun çalışma ... Ne var eski değerini alır

<!DOCTYPE html> 
<html> 

<head> 
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 


     <style> 
      p{ 
       height: 600px; 
       width: 600px; 
       font-size:17px; 
      } 



     </style> 
    </head> 
    <body> 



      <div ng-app="myApp" ng-controller="editor"> 
      <label for="kys_font_size"> font size:</label> 

      <select ng-model="kys_selected_font" id="fontsize" name="kys_font_size" ng-options="page for page in FontSize(1, 150)" ng-change="update()"> 
       </select> 



      </div> 


    <p contenteditable="true" id="content" > 


     </p> 


     <p></p> 

     <script> 

      var app = angular.module('myApp',[]); 
      app.controller('editor',function($scope){ 

       $scope.FontSize = function(start, end) { 
             var size = []; 
             for (var i = start; i <= end; i++) { 
             size.push(i); 
             } 
          return size; 
         }; 

      $scope.update = function(){ 
       $("#content").css("fontSize",$scope.kys_selected_font+"px"); 
      } 



      }); 

     </script> 
    </body> 



</html>

kaynak

2016-04-06 09:38:06 nisar

jQuery değer değişikliği konusunda fontsize ayarla Garip davranış

cevap

İlgili konular