- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
一直在努力让我的计算器工作。我使用 PHP、JS 和 CSS 对计算器进行了编码。非常基本,但是当按下计算按钮时,计算没有完成。这是我的代码。
<?php
/*
Template Name: Calculator
*/
wp_enqueue_script('calc_js', get_bloginfo('template_url').'/library/calc.js');
wp_enqueue_style('calc_css', get_bloginfo('template_url').'/library/calc.css');
get_header(); ?>
<?php
while ( have_posts() ) : the_post();
?>
<div id="page-content-container">
<article <?php post_class('clearfix') ?> id="post-<?php the_ID(); ?>">
<div class="entry-content">
<?php the_content(); ?>
<div class="row-fluid" id="">
<div class="calc span6">
<h3>Payment Calculator</h3>
<p>Our monthly payment calculator will help you work out how much your purchase may cost with various loan amounts. Enter your figures into the top section, then click 'Calculate'. If you want to try different figures you can 'Clear' the form.</p>
<form action="#" method="post">
<p>
<label>Purchase price*</label>
<span class="field">£ <input class="purchase"/></span>
</p>
<p>
<label>Loan amount*</label>
<span class="field">£ <input class="loan"/></span>
</p>
<p>
<label>LTV (Loan To Value)</label>
<span class="field"><input class="blank ltv"/> %</span>
</p>
<p>
<label>Interest Only*</label>
<span class="field">£ <input onfocus="this.blur()" class="blank interest"/></span>
</p>
<input class="reset" type="reset" value="Clear"/><input class="calculate" type="button" value="Calculate"/>
</form>
<p><em>* Need to also consider cost of repayment method to repay your loan. This information is for illustrative purposes only and does not contain all of the details you need to choose a loan.</em></p>
</div><!-- /.calc -->
<div class="calc2 span6">
<h3>Yield Calculator</h3>
<p>The yield calculator will help you measure the return of an investment property by comparing rental income and property value. The yield is the amount of rent generated each year expressed as a percentage of the property value or purchase price.</p>
<form action="#" method="post">
<p>
<label>Monthly Rent</label>
<span class="field">£ <input class="rent"/></span>
</p>
<p>
<label>Property Value</label>
<span class="field">£ <input class="loan"/></span>
</p>
<p>
<label>Yield</label>
<span class="field"><input onfocus="this.blur()" class="yield blank"/> %</span>
</p>
<input class="reset" type="reset" value="Clear"/><input class="calculate" type="button" value="Calculate"/>
</form>
<p><em>* This calculator is based on the gross yield. It is based on the property being tenanted and receiving rent for 12 months of the year. This information is for illustration purposes only and doesn’t take into account any other costs associated with the property.</em></p>
</div><!-- /.calc2 -->
</div><!-- /.row-fluid-->
</div><!-- .entry-content -->
</article>
</div>
<?php
endwhile;
?>
<?php get_footer(); ?>
这是我的 JS 代码:
jQuery(document).ready(function() {
jQuery('.calc .calculate').click(function() {
var parent = jQuery(this).parents('.calc');
parent.find('.error').removeClass('error');
var error = false;
var purchase = parent.find('.purchase');
var loan = parent.find('.loan');
var purchaseval = purchase.val();
if (isNaN(purchaseval) || purchaseval == '') {
error = true;
purchase.addClass('error');
}
var loanval = loan.val();
if (isNaN(loanval) || loanval == '') {
error = true;
loan.addClass('error');
}
if (error == false) {
var perc = (loanval / purchaseval) * 100;
parent.find('.ltv').val(perc.toPrecision(2));
var val = loanval - (loanval * .0125);
var val2 = loanval - val;
parent.find('.interest').val(val2);
}
return false;
});
jQuery('.calc2 .calculate').click(function() {
var parent = jQuery(this).parents('.calc2');
parent.find('.error').removeClass('error');
var error = false;
var rent = parent.find('.rent');
var value = parent.find('.loan');
var rentval = rent.val();
if (isNaN(rentval) || rentval == '') {
error = true;
rent.addClass('error');
}
var valueval = value.val();
if (isNaN(valueval) || valueval == '') {
error = true;
value.addClass('error');
}
if (error == false) {
var yieldval = (rentval * 12) / valueval;
parent.find('.yield').val(yieldval * 100);
}
return false;
});
})
最佳答案
您的 js
似乎对我来说工作正常。看这个Fiddle
关于javascript - 用于 Wordpress 的 PHP 计算器无法正常运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26380676/
我在为 MacOSX 构建的独立包中添加 DMG 背景的自定义图标时遇到问题。我在项目的根目录中添加了一个包。正在从中加载自定义图标,但没有加载 DMG 背景图标。我正在使用 Java fx 2.2.
Qt for Symbian 和 Qt for MeeGo 有什么区别?我知道 Qt 是一个交叉编译平台。这是否意味着如果我使用来自 Qt 的库,完全相同的库可以在所有支持 Qt 的设备(例如 Sym
我正在尝试使用 C# .NET 3.5/4.0 务实地运行 SQL Server 数据库的备份。我已经找到了如何完成此操作,但是我似乎找不到用于备份的命名空间库。 我正在寻找 Microsoft.Sq
我最近在疯狂学习 Java,但我通常是一名 .NET 开发人员。 (所以请原谅我的新手问题。) 在 .Net 中,我可以在不使用 IIS 的情况下开发 ASP.Net 页面,因为它有一个简化的 Web
这post仅当打印命令中有字符串时才有用。现在我有大量的源代码,其中包含一条声明,例如 print milk,butter 应该格式化为 print(milk,butter) 用\n 捕获行尾并不成功
所以我的问题是: https://gist.github.com/panSarin/4a221a0923927115584a 当我保存这个表格时,我收到了标题中的错误 NoMethodError (u
如何让 Html5 音频在点击时播放声音? (ogg 用于 Firefox 等浏览器,mp3 用于 chrome 等浏览器) 到目前为止,我可以通过 onclick 更改为单个文件类型,但我无法像在普
如果it1和it2有什么区别? std::set s; auto it1 = std::inserter(s, s.begin()); auto it2 = std::inserter(s, s.en
4.0.0 com.amkit myapp SpringMVCFirst
我目前使用 Eclipse 作为其他语言的 IDE,而且我习惯于不必离开 IDE 做任何事情 - 但是我真的很难为纯 ECMAScript-262 找到相同或类似的设置。 澄清一下,我不是在寻找 DO
我想将带有字符串数组的C# 结构发送到C++ 函数,该函数接受void * 作为c# 结构和char** 作为c# 结构字符串数组成员。 我能够将结构发送到 c++ 函数,但问题是,无法从 c++ 函
我正在使用动态创建的链接: 我想为f:param附加自定义转换器,以从#{name}等中删除空格。 但是f:param中没有转换器
是否可以利用Redis为.NET创建后写或直写式缓存?理想情况下,透明的高速缓存是由单个进程写入的,并且支持从数据库加载丢失的数据,并每隔一段时间持久保存脏块? 我已经搜查了好几个小时,也许是goog
我正在通过bash执行命令的ssh脚本。 FILENAMES=( "export_production_20200604.tgz" "export_production_log_2020060
我需要一个正则表达式来出现 0 到 7 个字母或 0 到 7 个数字。 例如:匹配:1234、asdbs 不匹配:123456789、absbsafsfsf、asf12 我尝试了([a-zA-Z]{0
我有一个用于会计期间的表格,该表格具有期间结束和开始的开始日期和结束日期。我使用此表来确定何时发生服务交易以及何时在查询中收集收入,例如... SELECT p.PeriodID, p.FiscalY
我很难为只接受字符或数字的 Laravel 构建正则表达式验证。它是这样的: 你好<-好的 123 <- 好的 你好123 <-不行 我现在的正则表达式是这样的:[A-Za-z]|[0-9]。 reg
您实际上会在 Repeater 上使用 OnItemDataBound 做什么? 最佳答案 “此事件为您提供在客户端显示数据项之前访问数据项的最后机会。引发此事件后,数据项将被清空,不再可用。” ~
我有一个 fragment 工作正常的项目,我正在使用 jeremyfeinstein 的 actionbarsherlock 和滑动菜单, 一切正常,但是当我想自定义左侧抽屉列表单元格时,出现异常
最近几天,我似乎平均分配时间在构建我的第一个应用程序和在这里发布问题!! 这是我的第一个应用程序,也是我们的设计师完成的第一个应用程序。我试图满足他所做的事情的外观和感觉,但我认为他没有做适当的事情。
我是一名优秀的程序员,十分优秀!