目标 这是对此问题的后续问题。 我正在尝试创建一个视差滚动效果。 视差容器的实现方式如下： 当容器滚动到视图中并在离开视图时停止时，视差效果成功启动。 问题 不幸的是，当我将视差容器放在页面上时，效果开始于错误位置的背景位置 。 我理解为什么会出现这个问题，但我不确定如何解决它。 我需要的基本上是这样的： 一旦视差容器滚动到视图中就开始效果： 工作 。 离开视图后停止效果： 工作 。 仅将背景位置移动到已进入视图的滚动距离 。 不是相对于页面顶部滚动的距离。 在这里摆弄 对于页面下方的视差容器： 您可以看到图像的边缘。 我正在努力寻找解决方案。 思考 到目前为止，我的尝试基于这样的想法，即将视差容器的距离仅限于页面顶部一次（不要用每个滚动更新它）并在计算中实现它。 但我似乎无法让它正常工作。 我错过了什么吗？ 进一步澄清： 任何页面上都可以有多个视差容器。 每个人都可以拥有自己的背景图像集。 （在CSS中） 我不知道页面上会有多少视差容器。 我不知道他们在哪里。 只有那些可见的移动。 码 只有相关部分： $(window).scroll(function(){ // Bind window scroll event $( “.parallax” ).each(function() { if( $( this ).is_on_screen() ) { // Check if […]

我使用jquery-1.4.2库和jquery.validate.js插件来validation一个非常简单的表单。 在head部分，我有以下代码： $(document).ready(function(){ // date pickers $(‘#birthdate’).datepicker(); $(“#deliverydate”).datepicker(); //apply styles to buttons $(‘input:button’).button(); // data validation $(“#createAnimalForm”).validate({ debug: true, rules: { weight: { required: true } }, messages: { weight: { required: “Please enter a numeric value for weight.” } } }); }); function createClicked(){ $(“#createAnimalForm”).validate().form(); } 在body部分，我已经定义了表单和输入字段来接受权重值。 正文的代码如下： Weight:  gms 当我在firefox中加载页面时，我在firebug中收到以下错误： $(“#createAnimalForm”).validate is not […]

我找到了将jQuery滚动添加到顶部或滚动到锚点的答案，但实际上并没有集成。 所以希望可以在这里问一下。 我们有当前的jQuery函数来为较长的页面添加滚动到顶部的锚点。 它工作正常。 // Add To Top Button functionality jQuery(document).ready(function($){ // Scroll (in pixels) after which the “To Top” link is shown var offset = 700, //Scroll (in pixels) after which the “back to top” link opacity is reduced offset_opacity = 1200, //Duration of the top scrolling animation (in ms) scroll_top_duration = 700, //Get […]

我有一个关于在Jasmine中嘲笑xhr的问题。 我有以下Javascript情况： function Test1(){ // some code Test2({ readyState: 4, responseText: “”, status: 200, statusText: “OK” }); } function Test2(xhr){ var token = xhr.getResponseHeader(“csrftoken”); var csrfCtrl = $(“#token”); if (token != null && csrfCtrl != null) { csrfCtrl.val(token); } } 现在我想窥探xhr.getResponseHeader()函数，但我无法知道如何做到这一点。 我试过这样的事情： describe(“1 || Test ||”, function () { // Before we describe the tests […]

我正在创建一个需要非常小的邮政编码检查器的网站。 我在arrays中有大约8个邮政编码前缀，HX，HD，BD，LS等。 我也有一个简单的输入字段并提交btn。 当用户键入例如HX5 9DU的邮政编码时，我希望Jquery检查数组，如果前2/3字母匹配，我希望div显示消息时淡入淡出。 我该怎么办？ 提前谢谢了。

我正在尝试找到一种有效的算法来为一堆 动态加载背景图像，并且存在一些效率问题。 我当前的代码如下所示： function elementInView($elem, vps, vpe) { var elempos = $elem.position(); var pagestart = elempos.top + vps; var pageend = elempos.top + vps + $elem.height(); var offset = 78 – Math.max(0,vps-pagestart) – Math.max(0,pageend-vpe); // I want to update all items that are within 200 pixels of // the current viewport return (vpe > 0 […]

我有一个内联可编辑表（我使用了Tabledit ），每行都有一个ID，ID应传递给控制器​​操作（Yii2），以便我将编辑后的数据保存到数据库中。 这是我的js文件中的Tabledit代码： file.assetID = info.response; // the ID for (var i = 0; i < file.length; i++) { // the table if (file[i].type == "image/jpeg") { var type = "photo"; } else if (file[i].type == "video/mp4") { var type = "video"; } messageHtml += '’; messageHtml += ” + file[i].assetID + ”; messageHtml += […]

如何使用jQuery值与urh一起使用location.href？ 每次以下url为例时，url都会有所不同。 URL作为数据库存储在数据库中 audit.php？审计= 13957911461655047299＆页=汇总 然后使用Ajax检索URL并保存在名为last_viewed的var中，因此我想使用等效的 location.href = last_viewed 我试过了 location.href = ‘”‘+last_viewed+'”‘ 但URL变为 http://www.x-rayqa.co.uk/“audit.php？audit = 13957911461655047299＆page = summary” 这显然不会因为额外的“s”而起作用 如果我试试 location.href = last_viewed 什么都没发生，脚本坏了。

我想我错过了一些非常基本的东西，也许有人可以填补我。我已经从两个地方使用了ajax调用。 所以现在我试图通过使调用返回一个值来重用该调用。 它看起来像这样： function getInfo() { $.ajax({ type: “GET”, url: “../ajax.aspx?action=getInfo&id=4”, dataType: “xml”, async: false, error: function() { alert(“Something went wrong.”); }, success: function(xml) { // Do some extra work here $(xml).find(“room”).each(function() { // Do something based on the xml }); // Something else can use this XML so return it too. // Why does […]

我有一个表格，格式如下： List AAA BBB </table 以下CSS： table#searchResultTable td { text-align: left; border-bottom: 1px solid #ECD7C2; } .bold { font-weight: bold; } 以下JSfunction： function activeTr( row ) { row.bgColor=’#ECD7C2′; document.body.style.cursor = ‘pointer’; } function inactiveTr( row ) { row.bgColor=’transparent’; document.body.style.cursor = ‘default’; } 到目前为止一切正常。 但是现在我正在尝试将所选行的类替换为.bold，并且必须从所有其他未选择的行中删除相同的类 – 这就是showDetails(TODO)应该做的事情。 我做了几次尝试（包括基于这里描述的内容），但无法让它工作。 请指出我正确的方向（JQuery会很棒;）。 非常感谢！