                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件

自己改了一點$.extend() 不知道為什么不好用

<!DOCTYPE?html>
<html>
????<head>
????????<title>使用$.extend()擴(kuò)展工具函數(shù)</title>
????????<link?href="style.css"?rel="stylesheet"?type="text/css"?/>
????????<script?src="http://idcbgp.cn/data/jquery-1.8.2.min.js"?type="text/javascript"></script>
????</head>
????
????<body>
????????<div?id="divtest">
????????????<div?class="title">
????????????????<span?class="fl">自定義工具函數(shù)求兩值中最小值</span>?
????????????????<span?class="fr">
????????????????	<input?type="text"?id="num1"?/>
????????????????	<input?type="text"?id="num2"?/>
????????????????????<input?id="btnShow"?name="btnShow"?type="button"?value="計算"?/>
????????????????</span>
????????????</div>
????????????<div?class="content">
????????????????<div?class="tip"></div>
????????????</div>
????????</div>
????????
????????<script?type="text/javascript">
????????????/*------------------------------------------------------------/
????????????功能：返回兩個數(shù)中最小值

????????????/------------------------------------------------------------*/
????????????(function?($)?{
????????????????$.extend({
????????????????????"MinNum":?function?(p1,?p2)?{
????????????????????????return?(p1?>?p2)???p2?:?p1;
????????????????????}
????????????????});
????????????})(jQuery);
????????????$(function?()?{
????????????????$("#btnShow").bind("click",?function?()?{
????????????????????$(".tip").html("");
????????????????????var?strTmp?=?"最小的數(shù)是：";
????????????????????var?num1=$('#num1').val();
????????????????????var?num2=$('#num2').val();
????????????????????strTmp?+=?$.MinNum(num1,?num2);
????????????????????//顯示在頁面中
????????????????????$(".tip").show().append(strTmp);
????????????????});
????????????});
????????</script>
????</body>
</html>

顯示的永遠(yuǎn)是num1的數(shù) ?老哥們幫我看看哪里出問題了

一家之煮

2017-02-08

源自：jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件 4-8

關(guān)注問題我要回答

1025

操作

收起

5 回答

_嘟_
2019-06-03

var?num1=$('#num1').val();?

var?num2=$('#num2').val();

num1,num2為字符串格式，要轉(zhuǎn)換為數(shù)字才能正確比較。

var?num1=parseInt($('#num1').val());??????????????????

var?num2=parseInt($('#num2').val());?

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

solace_lee
2018-06-18

$(function () {
??????????????? $("#btnShow").bind("click", function () {
??????????????????? $(".tip").html("");
??????????????????? var strTmp = "最小的數(shù)是：";
??????????????????? var num1=$('#num1').val()*1;
??????????????????? var num2=$('#num2').val()*1;
??????????????????? strTmp += $.MinNum(num1, num2);
??????????????????? //顯示在頁面中
??????????????????? $(".tip").show().append(strTmp);
??????????????? });
??????????? });

判斷錯誤的原因是num1,num2這樣賦值的類型是字符串，加上*1運(yùn)算轉(zhuǎn)換為數(shù)字類型就可以了。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

web_東
2018-04-26

<!DOCTYPE?html>
<html>
<head?lang="en">
????<meta?charset="utf-8">
????<title>使用$.extend()擴(kuò)展工具函數(shù)</title>
????<style?type="text/css">
????????#divtest{
????????????width:320px;
????????????margin:100px?auto;
????????}
????????.tip{
????????????margin:10px?0;
????????????background-color:#00a5e7;
????????????display:?none;
????????}


????</style>
????<link?href="style.css"?rel="stylesheet"?type="text/css"?/>
????<script?src="http://idcbgp.cn/data/jquery-1.8.2.min.js"?type="text/javascript"></script>
</head>

<body>
<div?id="divtest">
????<div?class="title">
????????<span?class="fl">自定義工具函數(shù)求兩值中最小值</span><br/>
????????<span?class="fr">
????????????????????<input?type="text"?id="num1"?/><br/>
????????????????????<input?type="text"?id="num2"?/>
????????????????????<input?id="btnShow"?name="btnShow"?type="button"?value="計算"?/>
????????????????</span>
????</div>
????<div?class="content">
????????<div?class="tip"></div>
????</div>
</div>

<script?type="text/javascript">
????/*------------------------------------------------------------/
?????功能：返回兩個數(shù)中最小值

?????/------------------------------------------------------------*/
?(function?($)?{
????????$.extend({
????????????"MinNum":?function?(p1,?p2)?{
????????????????return?(p1?>?p2)???p2?:?p1;
????????????}
????????});
????})(jQuery);
????$(function?()?{
????????$("#btnShow").bind("click",?function?()?{
????????????$(".tip").html("");
????????????var?strTmp?=?"最小的數(shù)是：";
????????????var?num1=$('#num1').val();
????????????var?num2=$('#num2').val();
????????????strTmp?+=?$.MinNum(num1,?num2);
????????????//顯示在頁面中
?$(".tip").show().append(strTmp);
????????});
????});
</script>
</body>
</html>

輸入值超過999就出現(xiàn)bug？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Chai_陌路

我試了一下數(shù)值超過9990就不行了

2018-06-11 回復(fù) 有任何疑惑可以回復(fù)我~

#2

solace_lee 回復(fù) Chai_陌路

測試并沒有這個限制，應(yīng)該是你的代碼有地方出問題了

2018-06-18 回復(fù) 有任何疑惑可以回復(fù)我~