我是一个固定在页面底部中心的小div。 现在我想要最初的div将不可见。 当用户点击按钮时,div将从浏览器的下边缘向上滑动,当用户再次点击按钮时,div将向下滑动到底部。 这样我尝试但我的示例代码不能正常工作 #BusyBox { background: -moz-linear-gradient(center top , #F1F2F2 0%, #F1F2F2 100%) repeat scroll 0 0 transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; bottom: 0; font-size: 0.8em; font-style: normal; font-weight: normal; left: 50%; margin-left: -45px; padding-top: 20px; position: fixed; text-align: center; width: 90px; height: 50px; margin-top: -50px; background-repeat:no-repeat; background-position: center center; } $(document).ready(function () { […]
我知道这些到处都是,但我似乎无法在代码中看到错误。 我正在使用数据类型json进行简单的ajax调用。 此调用似乎成功但不返回任何内容,并且警报打印undefined 。 JavaScript的: jQuery(document).ready(function() { if(jQuery(‘#statesel’).length) { var dataString; dataString = “nonce=” + dynoselect.post_dyno_select_nonce; jQuery.ajax({ type: “POST”, url: dynoselect.ajaxurl, dataType: “json”, data: dataString, success: function(result) { alert(result.status); } }); } } PHP: admin_url(‘admin-ajax.php’), ‘post_dyno_select_nonce’ => wp_create_nonce(‘dyno_select_nonce’))); wp_enqueue_script(‘jquery’); wp_enqueue_script(‘dyno_select_script’); } function dyno_select() { $nonce = $_POST[‘nonce’]; //checking token, looking for funny business if (!wp_verify_nonce( […]
我正在实现一个带有下拉列表的实时搜索,其中包含要过滤的多个字段。当用户单击按钮时,它只从一个搜索字段开始,下拉选择要搜索的内容以及添加更多filter的按钮,它生成一个像这样的新字段: 这个图像样本是用JavaScript中的html进行硬编码的。 问题是我将在很多视图中使用它,所以我需要它是动态的,因为我以前使用Ruby生成第一个搜索字段的代码。 我尝试过这样做,但没有成功。 live_search.js.erb $(function () { function search() { $.get(window.location.href, { object_columns: $(“select#object_columns”).val(), search: $(“#search”).val() }, null, “script”); }; $(“select#object_columns”).change(search); $(“input#search”).keyup(search); $(‘button’).on(‘click’,function(){ column = “”; $(‘#search-form’).after(column); }); }); search_engine.html.erb 我甚至试图在JavaScript中调用“搜索表单”来复制单击按钮时的代码,但我读到它是不可能的。 编辑 我在@ppascualv建议时做了一些更改,但是当我点击按钮时,我仍然无法渲染并添加另一个“search_engine”。 我收到一个错误,说未定义的方法’render’ 。 live_search.js.erb $(function () { function search() { $.get(window.location.href, { object_columns: $(“select#object_columns”).val(), search: $(“#search”).val() }, null, “script”); }; $(“select#object_columns”).change(search); $(“input#search”).keyup(search); […]
我试图使用getJSON()调用使ajax工作。 当我导航到/ Home / GetWeather时,我在浏览器中返回Json数据。 但是jQuery调用不起作用。 有任何想法吗? 当我将断点置于警报(“你好”)时,它从未命中。 在萤火虫中,我没有看到任何ajax电话。 有任何想法吗? $(document).ready(function() { $(“#Button1”).click(function() { $.getJSON(“/Home/GetWeather”, null, function(data) { alert(“Hello”); }); }); }); 控制器代码 public class HomeController : Controller { // // GET: /Home/ public ActionResult Index() { return View(); } public JsonResult GetWeather() { List weather = new List(); // populate weather with data return […]
试图使用chart.js,但我遇到了一个问题,图表将加载….有时。 其他时候它没有,它在页面刷新时消失。 有任何想法吗? 这是在Chrome和Safari中测试的。 $.getJSON(‘includes/salesjson.php’, function(data){ var lineChartData = { labels : data[0], datasets : [ { label: “My First dataset”, fillColor : “rgba(220,220,220,0.2)”, strokeColor : “rgba(220,220,220,1)”, pointColor : “rgba(220,220,220,1)”, pointStrokeColor : “#fff”, pointHighlightFill : “#fff”, pointHighlightStroke : “rgba(220,220,220,1)”, data : data[1] } ] } window.onload = function(){ var ctx = document.getElementById(“myChart”).getContext(“2d”); window.myLine = new […]
我的网站叫做地震伤害地图 。 我正在尝试使用融合表中列的可能结果列表创建一个搜索框自动完成。 这是一个很好的例子 ,但我发现很难将它与我自己匹配,因为我现在通过AND加入了我的查询。 这是我的大学项目,任何帮助将不胜感激。 如何编辑以下代码以允许此操作? searchString = document.getElementById(‘search-string4’).value; if(searchString){ query.push(“‘Earthquake’ CONTAINS ‘” + searchString + “‘”); } Earthquake Name:
我想得到下一个select元素(因为会有多个具有相同id的代码),这里是代码 function fillProds(catid) { $.get(“http://localhost/crops/?module=from-receipt&action=getproducts&format=json&catid=”+catid , null,function(d){ CC = eval(d); t = $(this).find(‘select’); alert(t); t.options.length=0; t.options[0]=new Option(“”,””); for(i=0;i<CC.length;i++) { t.options[i+1]=new Option(CC[i].name,CC[i].id); } }); } 而对于HTML部分 $r ) { ?> <option value="”>’; x 所以问题是我得到的错误就像设置未定义的长度可能是因为我没有正确获取选择元素。 对上述内容进行任何修正,以便我可以正常工作并选择下一个选择元素? 谢谢。
我正在尝试克隆一个表单并从(例如)#form更改表单名称,当克隆到#form1并在输入上执行相同操作时,我真的不知道如何执行此操作! 任何帮助都会非常感激,因为我花了一整天试图找出它。 这是我的代码: HTML: JQUERY(用于克隆div和表单): $(“#copy”).click(function(e) { $(“.avail”).clone().removeAttr(‘id’).insertBefore(this); e.preventDefault(); }); 如果有人知道如何做到这一点,我会非常感激!
我在tumblr中知道这个问题 ,代码被剥离,音频播放器坏了。 我现在正在使用flexslider.js,但问题几乎是一样的。 我用它修好了 setTimeout(function() { $(‘.audio’).each(function(){ var audioID = $(this).parent().attr(“id”); var $audioPost = $(this); $.ajax({ url: ‘/api/read/json?id=’ + audioID, dataType: ‘jsonp’, timeout: 50000, success: function(data){ if ($audioPost.html().indexOf(“is required to”) != -1) { $audioPost.append(” + data.posts[0][‘audio-player’] +”); } } }); }); }, 2000); 您需要调整浏览器窗口的大小才能看到这一点,因为我从移动版本开始编码,无论如何…它在固定链接页面http://tmbeta.tumblr.com/post/21264072020上看起来不错,但它不适用于照片集(使用flexslider)和播放器在同一页面http://tmbeta.tumblr.com/ 看看播放器如何添加到post的底部? 我希望它出现在它所说的位置[需要Flash 9来收听音频。]。 我知道它基本上是什么.append但是我对jquery不够熟悉所以我真的很难找到解决方案。
我试图找出无限滚动历史和分页,如谷歌推荐, https://googlewebmastercentral.blogspot.in/2014/02/infinite-scroll-search-friendly.html John Mueller的演示完全符合我的要求,但我无法弄清楚数据的加载方式/位置。 http://scrollsample.appspot.com/items 我复制了页面源代码和js和css,但当然源代码是针对特定的“页面”。 一切只是指向/ items目录,并且页面没有重新加载新数据,只刷新了内容区域,所以我没有得到它。 可能只是一个菜鸟,但任何洞察力都赞赏。