Tag: javascript

YouTube（注入）video结束回拨

我将YouTube iframe注入文档中的div并将其绑定到click： jQuery(document).ready(function($) { jQuery(‘.video-thumb’).click(function(){ … $(‘#player’).html(”); … } } 我希望在video结束时进行回调。 我已经阅读了关于onYouTubePlayerAPIReady ，但它必须放在文件外面。 我试图通过这种结构加载video播放器，准备好文件： var player; function onYouTubePlayerAPIReady() { player = new YT.Player(‘player’, { height: ‘421’, width: ‘761’, videoId: ”, playerVars: { autoplay: 1, autohide: 1, showinfo: 0 }, events: { ‘onReady’: onPlayerReady, ‘onStateChange’: onPlayerStateChange } }); } 但我遇到了一些问题： showinfo：0不起作用，最后还有其他video缩略图 我不知道如何更改videoID（并重新启动video？） 比第一种方法更多的脚本错误（注入iframe） 我更喜欢使用第一种方法，但如何创建video结束回调？ 谢谢。

jQuery-autocompletefilter匹配首字母

我使用下面的插件来创建自动完成function： https://github.com/devbridge/jQuery-Autocomplete 以下是他们的现场演示： http://www.devbridge.com/sourcery/components/jquery-autocomplete/#jquery-autocomplete 现在的问题是，我想过滤结果，只显示字母匹配开头的第一个字母。 例如，如果我键入’a’，则只会出现以’a’开头的国家/地区。 我检查了这个插件的库，我看到有一个lookupFilter函数，但不知道如何使用它。 是否有人曾经使用过这个库，然后才能给出一些指示？ 我想使用这个插件而不是jQuery UI，因为它是轻量级的。

在window.resize上更改变量值

我需要在window.resize（）上更改一些变量值。 我已经发现你需要声明.resize函数作用域之外的变量，然后尝试在函数.resize作用域中更改它们的值。 但这似乎不起作用。 var windowHeight = $(window).height(); var goPanel0, goPanel1, goPanel2, goPanel3; goPanel0 = 0; goPanel1 = windowHeight; goPanel2 = windowHeight * 2; goPanel3 = windowHeight * 3; $(window).resize(function(){ goPanel1 = windowHeight; goPanel2 = windowHeight * 2; goPanel3 = windowHeight * 3; //alert(goPanel3); }); 谢谢，

多个AJAX请求function合二为一？

我有几乎相同的Ajax请求调用，但我需要将其扩展为更通用 参见示例代码： http ： //jsfiddle.net/2b8gR/6/ 我让它适用于页面A，并希望将它用于页面B，C，D等…但不想为每个新的Ajax请求重写该函数。 大多数代码将保持不变，除了： 输入next / prev（page_a_next变为page_b_next） 显示页面div（display_page_a_page变为display_page_b_page） 显示页码div（display_page_a_number成为display_page_b_number） ajax请求url页面名称（url：’page_a.php？page =’+ currentPageA，成为url：’page_b.php？page =’+ currentPageB，） 等等。 如何使Ajax调用和元素更通用，所以我不必多次写这个请求？ 注意：我需要能够跟踪它当前显示的每个页面（A，B，C等）。 是的，所有这些都在同一页上 HTML： Page A Page B JS： var currentPageA=1; var totalPageA=113; loadPageA(); $(“#page_a_next, #page_a_prev”).click(function(){ currentPageA = ($(this).attr(‘id’)==’page_a_next’) ? currentPageA + 1 : currentPageA – 1; if(currentPageA<=0) { currentPageA=1; $('#page_a_prev').attr('disabled','disabled'); } else if(currentPageA==114) { currentPageA=113; $('#page_a_next').attr('disabled','disabled'); […]

如何使用jquery带来ajax搜索onkeyup

我的脚本叫ajax function search_func(value) { $.ajax({ type: “GET”, url: “sample.php”, data: {‘search_keyword’ : value}, dataType: “text”, success: function(msg){ //Receiving the result of search here } }); } HTML 问题： onkeyup我使用ajax来获取结果。 一旦ajax结果延迟增加，我就会出现问题。 例如在键入t关键字时，我收到ajax结果，在键入te时，当两个键盘之间的ajax时间延迟有时会产生严重问题时，我会收到ajax结果。 当我快速打字时。 ajax搜索t关键字来得晚，与te 。 我不知道如何处理这类案件。 结果由于ajax延迟而快速键入te关键字。 t关键字的结果来了。 我相信我已经解释了读者的知识。

处理在加载jQuery之前依赖于jQuery的代码

我想遵循将所有JavaScript放在页面底部的一般准则，以加快加载时间，并在Web应用程序（Django）中处理与jQuery版本冲突的一些棘手问题。 但是，我经常会有一些代码，代码依赖于jQuery，但必须在页面上进一步提升（基本上代码不能移到底部）。 我想知道是否有一种简单的方法来编写代码，以便即使jQuery尚未定义，代码也可以在定义jQuery时运行。 我不得不说，以下似乎有点矫枉过正，但我​​不知道另一种方法： function run_my_code($) { // jquery-dependent code here $(“#foo”).data(‘bar’, true); } var t = null; function jquery_ready() { if (window.jQuery && window.jQuery.ui) { run_my_code(window.jQuery); } else { t = window.setTimeout(jquery_ready, 100); } } t = window.setTimeout(jquery_ready, 100); 实际上，我可能需要在页面中不止一次使用代码，代码不知道其他代码，所以即使这可能也行不通，除非我将每个jquery_ready重命名为jquery_ready_ guid ，jquery_ready_ otherguid等等。 澄清 就这么清楚，我在页面的最底部 ，在之前将include包含到JavaScript（ ）中。 。 所以我不能用$ 。

使用jQuery选择/提交仅更改的表单字段

我正在寻找一种方法只将更改的表单字段提交给服务器。 所以，假设我有一个表格 … 已经填充了某些数据。 用户编辑表单并单击“提交”。 如果用户只更改了输入b，那么我只想提交输入b。 如果只更改了a和c，我只想提交一个和c。 等等。 我可以自己写一些东西来完成这个，但我想知道可能已经有一些我可以使用的东西了吗？ 理想情况下，我希望代码简短。 像这样的东西是完美的： $(‘form’).serialize(‘select-only-changed’); 另外，我遇​​到了这个http://code.google.com/p/jquery-form-observe/ ，但我发现它存在问题。 这个插件是否运行稳定？

创建jquery分页？

我需要在CodeIgniter中实现jQuery分页 。 我已经在CodeIgniter论坛和CodeIgniter AJAX分页示例/指南上阅读了一些post。 CI论坛上的人建议使用TOHIN博客的解决方案，但我无法理解如何做到这一点。 有人能举个例子吗？ 另外，有人可以解释一下， $this->load->model(‘model’) 在这里意味着什么。 我的代码： function show() { $this->load->library(‘Jquery_pagination’); $this->admin_model->header(); $this->load->library(‘pagination’); $config[‘base_url’] = ‘show’; $config[‘total_rows’] = ‘200’; $config[‘per_page’] = ‘2’; $this->pagination->initialize($config); $data[‘pagination’] = $this->pagination->create_links(); $data[‘query_select’] = $this->db->query(‘SELECT @rownum:=@rownum+1 rownum, t.* FROM (SELECT @rownum:=0) r, hotel_submits t order by id desc’); $this->load->view(‘admin/accommodation_submit_show’, $data); } 尊重地

document.write动态加载脚本

我正在尝试动态加载脚本。 这是我的代码： document.write(‘window.jQuery || document.write(\”\”)’); 这是在B.js里面，它作为脚本加载到A.html上。 但我得到错误。 双引号内的结束脚本标记被视为嵌套脚本标记并破坏代码。 任何想法如何解决这一问题？

使用jquery延迟加载iframe（延迟src http调用）

我正在寻找类似于jQuery图像延迟加载插件的东西 ，但是对于iframe 。