Question

<!DOCTYPE html>
<html>
  <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js</script>
<script>
   fontsize=function(){
       var fontsize=$(window).width() * 0.10;     
       $("p").css({'font-size' , fontsize});  });       
       $(document).ready(function(){
          $(window).resize(function(){
           $("p").fontsize();
          });
       }); 
 </script>
 </head>
 <body>
     <p>Here's the fontSize</p>
 </body>
 </html>

Answer 1

您的代码中有javascript错误

从jquery对象

$.fn.

您正在css（）中传递json对象，因此请使用:代替,
在fontsize function

)

尝试以下代码，

$.fn.fontsize = function () {
    var fontsize = $(window).width() * 0.10;
    $("p").css({
        'font-size': fontsize
         // you are passing json object here, so use : in place of ,        
    });        
}; // remove extra parenthesis after function closing
$(document).ready(function () {
    $(window).resize(function () {
        $("p").fontsize();
    });
});

Live Demo

如果您希望fontsize表现得像普通功能，那么您需要更改您的通话方式，

var fontsize = function () {
    var fontsize = $(window).width() * 0.10;
    $("p").css({
        'font-size': fontsize
         // you are passing json object here, so use : in place of ,        
    });        
}; 
$(document).ready(function () {
    $(window).resize(function () {
        fontsize(); // simple function call
    });
});

简单函数demo

使用此功能

1 个答案: