Tag: javascript

未捕获的ReferenceError:未定义FB

我知道这个问题经常被问到,但我还没有找到解决方案。 我用这个代码: 打开html标签 在我打开标签之后立即在索引中输入了这个 window.fbAsyncInit = function() { // init the FB JS SDK FB.init({ appId : ‘MY_APP_ID’, // App ID from the app dashboard status : true, // Check Facebook Login status xfbml : true // Look for social plugins on the page }); // Additional initialization code such as adding Event Listeners goes […]

如何在Angular中使用Jquery Query Builder

寻找在angular-cli项目中使用jQuery Query Builder的方法。 首先我尝试使用插件laplasianin / angular-jqueryQueryBuilder ,但我想念如何将其实际导入到我的组件中的说明。 我是angular / typescript的新手。 然后我通过安装构建器包自己尝试了它: npm install jQuery-QueryBuilder 我已将它添加到我的组件中,就像jQuery一样。 这是生成的示例代码,基于以下演示 : import {AfterViewInit, Component} from “@angular/core”; import * as jQuery from “jquery”; import “jQuery-QueryBuilder/dist/js/query-builder.standalone.js”; import “jQuery-QueryBuilder/dist/css/query-builder.default.css”; @Component({ selector: ‘app-query-builder’, templateUrl: ‘./query-builder.component.html’, styleUrls: [‘./query-builder.component.scss’] }) export class QueryBuilderComponent implements AfterViewInit{ protected rules_basic = { condition: ‘AND’, rules: [{ id: ‘price’, […]

捕获beforeunload确认取消了?

我想在用户离开页面时做一些事情,我添加了这段代码 window.onbeforunload = function (e){ return “You save some unsaved data, Do you want to leave?”; } 此提示可以通知用户,用户可以留在页面上或离开。 但我想更多地知道他是否离开,并做出决定。 我试过这个, window.onbeforunload = function (e){ var event = jQuery.Event(e); var result = confirm(‘want to leave?’); if (result == false){ //do sth.. event.preventDefault(); }else{ //do clean up } } 但它失败了!! 它总是消失! 任何人都可以帮我这么做吗?

事件不会在for循环中添加

这是html。 如果单击一个链接,我想用一些文本替换它前面的span元素。 that1 Update1 that2 Update2 that3 Update3 that4 Update4 that5 Update5 正如你所看到的,我的想法是给锚点提供相同的id和数字。 在我的jquery-code中,我循环遍历所有的anchor元素,给它们一个click事件,导致它前面的span-element被替换。 $(document).ready(function() { var numSpans = $(“span”).length; for (n=0;n<=numSpans;n++) { $("a#update" + n).click(function(e){ $('span#sp' + n).replaceWith('this'); e.preventDefault(); }); } }); 出于某种原因,这不起作用。 我究竟做错了什么?

REPL Web环境

我正在寻找一个可以在网页上执行的REPL系统,服务器可以做出反应。 有没有什么(我认为它必须使用Javascript / AJAX)? 如果有一个PHP实现,它会更加棒,但是现在我只是在寻找某种实现。

使用PHP显示未列出的自动完成搜索结果

我试图显示一个不公开的搜索结果,它能够根据从数据库(mysql)的搜索到目标html页面的点击事件。 我正在使用PhoneGap。 到目前为止,我设法实现了一个简单的PHP和jQuery脚本,它让我从一个完成搜索的自动完成搜索字段中简单地弹出。 但我希望用户能够点击它并被定向到一个不同的页面,其中包含从数据库中显示的唯一信息。 PHP : query(“SELECT * FROM artwork WHERE name LIKE ‘%”.$searchTerm.”%’ ORDER BY name ASC”); while ($row = $query->fetch_assoc()) { $data[] = $row[‘name’]; } //return json data echo json_encode($data); ?> HTML : $(document).ready(function() { $(function() { $( “#searchField” ).autocomplete({ source: ‘http://localhost/search.php’ }); }); }); Home Search Database (JSON) 我的SQL表包含5列: ID 名称 路径 […]

选择日期后,引导日期选择器不会自动关闭

我使用最新的Bootstrap datepicker.js。 一切正常,但是当我从下拉列表中选择一个日期时,它不会自动关闭它。 我在网上搜索并尝试在我的javascript中使用以下函数,如下所示: $(‘#selectDate’).datepicker({ autoclose: true }).on(‘changeDate’, function (ev) { (ev.viewMode == ‘days’) ? $(this).datepicker(‘hide’) : ”; }); 但是当我使用Google Chrome Dev工具时,我意识到ev.viewmode未定义。 我不确定如何前进。

在两个绝对div之间划分固定和不固定的切换

我使用以下代码使固定div(“两个”)只在两个绝对定位的div(“一个”和“页脚”)之间滚动时保持固定。 但我遇到一个问题,当浏览器窗口变小或变大时,页脚与固定div(“两个”)变得不固定的位置之间的距离会增加或减少,这样固定的div在页脚到达之前就会变得不固定或者在页脚通过之后。 我怎么解决这个问题? 有人可以帮忙吗? 这里的DEMO 。 更新(2016年7月21日): 似乎正在发生的事情是: 因为div“leftside”的宽度设置为百分比,当浏览器窗口被拖动得更小时,div“leftside”会变得更高以适应其内容。 这使div“two”悬挂在div“footer”之上,因为在页面加载时设置了div“two”最低可能的垂直位置。 我需要维护响应式设计,因为我的网站中有其他function,所以在扩展浏览器窗口时我无法重新加载页面。 缩放页面然后在浏览器中刷新它实际上会正确地重置事物,但重新加载对我来说不是一个选项。 也许解决这个问题的方法: 当窗口缩放时,有没有办法重置div“2”的最低位置? 或者甚至更好; 可能非常频繁地自动重置div“two”的最低位置,或者每次用户在网页上执行某些操作或缩放浏览器窗口时。 这是因为我在div“leftside”中有可折叠的段,这会使这个div更高或更低,甚至不会缩放浏览器窗口。 我想需要在代码的这一部分进行调整(?): $window.resize(function() { bumperPos = pos.offset().top; thisHeight = $this.outerHeight(); setPosition(); }); $window.scroll(setPosition); setPosition(); }; 这里是完整的脚本: var window = this; $.fn.followTo = function (from, bumper) { var $this = this, $window = $(window), $from = $(from), $bumper = $(bumper), […]

是否可以通过jQuery单独使用用户选择的另一个图像替换图像?

我让用户选择一个图像,我想更改动态显示的图像,而不必依赖像PHP这样的服务器端脚本? 基本上,我有一个类似于以下内容的HTML: 然后在jQuery方面我有以下内容: $(‘#file’).change(function(e){ alert($(this).val()); }); 我希望用用户选择在本地引用的系统替换imagedisplay的src但$(this).val()只显示文件名,所以我将无法将其作为源引用。

函数等待返回,直到$ .getJSON完成

我正在编写一个函数,它必须使用embed.ly API从给定video中获取缩略图信息,但是目前该函数在从API获得JSON结果之前返回一个值。 我使用以下代码: function getThumbnail(vUrl) { var thumbnail = ”; var title = ”; var caption = ”; var content = ”; $.when( $.getJSON(“http://api.embed.ly/1/oembed?key=:key&url=”+vurl) ).then(function(data){ var thumbnail = data.thumbnail_url; console.log(thumbnail); return { thumbnail:thumbnail, vurl:vurl } }); } 但是,当使用Chrome Javascript控制台时,我可以看到: 该函数被调用 undefined返回 XHR请求已完成 变量缩略图内容显示在控制台中 这显然是错误的顺序。 任何帮助是极大的赞赏!