当选择完后 点击详细说明 会跳转到那个详细说明里 比如说图片上选择了黄豆 点击那个详细说明 就会跳转到 第二张图片里的那个详细说明页面并展开也就是那个foodcalculation1这个页面 之前写的只是跳转了那个页面
还有个问题就是 选择框都选择完后差距值出现了负数 比如说 碳水化合物是负值 就有弹出 建议说您要补充碳水化合物 只要是出现负值的 都要弹出来
代码比较多 所以打包上传了问题代码 刚上传可能有延迟 想要扣扣解决 请留扣扣谢谢
请细心看看 谢谢 c币要少请说明
按钮格式如下,附带上当前的参数
<input type="button" value="详细说明" onclick="window.open('详细页面那个地址.html?'+encodeURIComponent('黄豆'))" />
详细页面那个地址.html,获取参数找到按钮触发下click事件显示对应的详细说明
$(function(){
var s=decodeURI(location.search.substring(1))
$('button[value="'+s+'"]').trigger('click')
});
没看太懂,QQ 410328697
nutrient_calculation.js
function updateSumDiff() {//更新合计和差距
var sum = [];//每营养小计
tbFood.find('tr').each(function () {
$('td:gt(2)', this).each(function (index) {
sum[index] = (parseInt(this.innerHTML) || 0) + parseFloat(sum[index] || 0);
});
});
if (sSex.val() != '请选择') {
var tHead = $('#tab_Test3 tr:first td')
var s = '';
tdAges.each(function (index) {
var v = ((parseInt(this.innerHTML) || 0) + parseFloat(sum[index] || 0));
tdSums.eq(index).html(v);
v = (parseInt(this.innerHTML) || 0) - parseFloat(sum[index] || 0);
tdDiffs.eq(index).html(v).css('color', v < 0 ? 'red' : 'black');
if (v < 0) {
s += tHead.eq(index+3).text() + '需要补充!\n';
}
});
//////////////缺少提示
if (s) alert(s)
}
}
function href(o) {
window.open('foodcalculation1.html?' + encodeURIComponent($(o).closest('tr').find('td:first').text()))
//$(o).click((function(){
// window.location.href="http://www.jisuan360.com/foodcalculation1.html";
//}))
}
financeCalculationHide.js这文件基本可以不用了。。一堆没用的代码,jquery2句就搞定了
<!--<script type="text/javascript" src="js/financeCalculationHide.js"></script>-->
foodcalculation1.html这个页面插入个script标签进行参数获取和展开。注意这个页面要去掉上面说的inanceCalculationHide.js这个文件。要不展开不了,展开后就被你onclick里面绑定的事件给隐藏了
<script type="text/javascript" src="js/nutrition/food.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/nutrition/nutrient_calculation.js"></script>
<script>
////////////////////这些代码保存为js文件也行,注意导入这个文件要在此位置,不在此位置一定要在<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>下面,不能前面
var btn=$('#t1 button');
btn.click(function () {$(this).next().toggle();});
var s=decodeURIComponent(location.search.substring(1))
if(s)btn.each(function(){
if(this.innerHTML==s){
var top=$(this).trigger('click').offset().top;
document.documentElement.scrollTop=document.body.scrollTop=top
return false
}
});
</script>