为什么Jquery.globalEval不能正常工作？

Question

我想通过在屏幕上添加单击的跨度值来计算用户定义的公式（基本计算器）。 当我想使用Jquery.GlobalEval进行评估时，似乎没有任何事情发生。

这里是我的html代码：

<div class="screen"></div> 


     <div class="keys"> 
      <!-- operators and other keys --> 
      <span>7</span> 
      <span>8</span> 
      <span>9</span> 
      <span>+</span> 
      <span>4</span> 
      <span>5</span> 
      <span>6</span> 
      <span>-</span> 
      <span>1</span> 
      <span>2</span> 
      <span>3</span> 
      <span>/</span> 
      <span>0</span> 
      <span>.</span> 
      <span class="eval">=</span> 
      <span>x</span> 
     </div> 
    </div> 

这里是我的jQuery代码：

jQuery(function() { 

    // when C is clicked 
    $(".clear").click(empty); 
    var key; 
    //any of the keys is clicked 
    $(".keys span").not(".eval").click(function() { 

     //====================== 
     if($(this).not(".eval")) { 
      $('.screen').append($(this).html()); 
     } 

     key = $('.screen').text().replace(/x/g, '*').replace('=', ''); 

    }); 


    $(".eval").click(function() { 
     alert(calculate()); 
    }); 

    function empty() { 
     $(".screen").empty(); 
    } 
    function calculate() { 
     jQuery.globalEval("var result = "+ key + ";"); 
    } 
}); 

谢谢

Answer 1

你需要回到新变量，result。试试这个（结果输出到控制台）：

jQuery(function() { 
 

 
    // when C is clicked 
 
    $(".clear").click(empty); 
 
    var key; 
 
    //any of the keys is clicked 
 
    $(".keys span").not(".eval").click(function() { 
 

 
    //====================== 
 
    if ($(this).not(".eval")) { 
 
     $('.screen').append($(this).html()); 
 
    } 
 

 
    key = $('.screen').text().replace(/x/g, '*').replace('=', ''); 
 

 
    }); 
 

 

 
    $(".eval").click(function() { 
 
    console.log(calculate()); 
 
    alert(calculate()); 
 
    }); 
 

 
    function empty() { 
 
    $(".screen").empty(); 
 
    } 
 

 
    function calculate() { 
 
    jQuery.globalEval("var result = " + key + ";"); 
 
    return result; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="screen"></div> 
 

 

 
<div class="keys"> 
 
    <!-- operators and other keys --> 
 
    <span>7</span> 
 
    <span>8</span> 
 
    <span>9</span> 
 
    <span>+</span> 
 
    <span>4</span> 
 
    <span>5</span> 
 
    <span>6</span> 
 
    <span>-</span> 
 
    <span>1</span> 
 
    <span>2</span> 
 
    <span>3</span> 
 
    <span>/</span> 
 
    <span>0</span> 
 
    <span>.</span> 
 
    <span class="eval">=</span> 
 
    <span>x</span> 
 
</div> 
 
</div>