Tag: 小部件

widget CSS与站点CSS冲突

我为我的网站构建了一个小部件,我在加载时动态添加CSS,但问题与主机网站CSS文件冲突。 以下代码适用于我的小部件,它在加载时附加了CSS文件: function main() { jQuery(document).ready(function($) { /******* Load CSS *******/ var css_link = $(“”, { rel: “stylesheet”, type: “text/css”, href: “http://example.com/widget/green.css” }); css_link.appendTo(‘head’); var txt; txt=”; txt=txt+”; txt=txt+’Hepsi’; txt=txt+’Canlı’; txt=txt+’Bitmiş’; txt=txt+’Başlamamış’; txt=txt+’Ertelenen’; txt=txt+’Oyunlarım (0)’; txt=txt+”; txt=txt+”; txt=txt+’get_All_Today_Matches();’; txt=txt+”; txt=txt+”; txt=txt+”; txt=txt+”; txt=txt+”; txt=txt+”; txt=txt+”; $(‘#widget-container’).html(txt); }); } 我想知道有没有办法隔离我的小部件的CSS? 顺便说一下,从匿名函数调用main函数(用于隔离目的) PS:我使用css重置,但它仍然是同样的问题。

我无法在WordPress侧边栏中移动小部件

我有一个我正在使用的wordpress主题的问题,我无法在侧边栏添加小部件。 拖放function不起作用。 我可以在其他主题中移动小部件。 我想知道主题中的哪种代码可能导致这样的问题? 我试图通过添加谷歌插件来解决这个问题,但它似乎没有帮助。 是否有任何plusgin允许我编辑小部件而不需要默认的拖放function?

WordPress小部件开发 – 未定义索引和其他问题

我正试图从头开发我的第一个wordpress主题。 它包括一个小部件,它基本上应该在相应的侧边栏中显示video,一旦它在视野中就开始播放。 我使用jquery.inview.js来检查video是否是video。 小部件应该为video链接提供一些选项。 我想它远离最佳实践和干净的代码,但任何帮助都在这里赞赏: 当我第一次添加小部件时,我得到一个undefined index错误,对于这两个复选框。 它在第一次保存后消失了。 我在这里想念的是什么? 如何实现 正确显示复选框状态。 这是一个非常普遍的问题,但我被困在这里。 最后,我想从媒体库中获取video,并想知道最好的方法。 我试图在wordpress参考中实现这个例子,但我也有点迷失了。 非常感谢,C。 PHP esc_html__( ‘Mediaplay with autoplay and overlay’, ‘text_domain’ ), ) ); } /** * Front-end display of widget. * * @see WP_Widget::widget() * * @param array $args Widget arguments. * @param array $instance Saved values from database. */ public function […]

在jQuery UI日历小部件中突出显示日期

我有一个jQuery UI日历小部件,它显示在我的Web应用程序中。 我希望能够突出显示用户执行操作的当月的特定日期。 有没有办法做到这一点?

实现Twitter Profile Widget

无论如何,在dom ready case或类似的东西中加载twitter profile小部件? 每次我似乎将它包装在$(document).ready(function(){}); 或$(function(){}); 它打破了。

yii2依赖自动完成小部件

我在表单中有两个字段: field($model, ‘bill_country’)->widget(AutoComplete::className(), [‘options’ => [‘class’ => ‘form-control’], ‘clientOptions’ => [‘source’ => $country_name]])->label(‘Country’) ?> field($model, ‘bill_zip’)->widget(AutoComplete::className(), [‘options’ => [‘class’ => ‘form-control’], ‘clientOptions’ => [‘source’ => ‘/city/list/+id’]])->label(‘Zip’) ?> 根据第一个块的选择,我想改变第二个块的“源”。 + id是一个javascript变量…所以我想通过val()获取第一个自动完成的值,将其分配给var id,然后将此id传递给第二个的源。 我能这样做吗? 或者我应该使用其他选项? 谢谢!

Google Map API v3 – 超出了最大调用堆栈大小

我在过去5或6周内一直在开发JS widget 。 通过简单地将href添加到远程.js文件以及具有给定ID的DIV容器来包含窗口小部件的内容,可以将其添加到任何站点。 该小部件广泛使用Google Map API,我将其引用如下: https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,places&callback=initializeGoogleMaps 当小部件被加载时,它将要求用户检查其位置的许可,然后在其他操作中执行对该位置的简单地理编码,以便可以在地图上绘制标记。 一切都很完美,我必须在开发过程中测试超过2,000个搜索。 我昨天部署了小部件并成功将其嵌入到主机网站中 – 一切都像以往一样完美。 然而,今天早上,我的小部件随着Chrome的控制台报告而崩溃: Uncaught RangeError: Maximum call stack size exceeded{main,geometry,places}.js:27 (anonymous function)VM530:33 cVM530:33 TT.(anonymous function).fitBounds{main,geometry,places}.js:48 (anonymous function){main,geometry,places}.js:26 Uf{main,geometry,places}.js:48 O.fitBoundsWRAPPostcodeLocator.js:1541 setupPageWRAPPostcodeLocator.js:964 jQuery.ajax.successjquery.js?time=95944:3 jjquery.js?time=95944:3 k.fireWithjquery.js?time=95944:12 xjquery.js?time=95944:12 b.onload.b.onreadystatechange 由于小部件最后一次工作,我的代码或主机没有任何更改,所以我怀疑Google API有问题。 可以在以下位置查看嵌入到虚拟主机中的我的窗口小部件的示例: http://pcl.solsticecloud.co.uk 花了几个小时试图找到底线,我仍然不是更聪明。 任何帮助或建议将非常感激。 先感谢您, 马特

如何在涉及搜索事件的选择事件后重新打开菜单?

我正在使用jQuery自动完成小部件,并且在“不满意”(至少对我来说) 之前的问题涉及黑客插件以防止关闭菜单之后,我正在寻找一种“微创”方式来制作一个不同的方法。 所以,我想知道在涉及search事件的select事件之后是否有办法重新打开菜单。 也就是说,给定 $(#input_field).autocomplete({ autoFocus: true, select : function(event, ui) { event.preventDefault(); $(this).autocomplete(‘search’, “Custom search string” ); }, … }); 在用户从该菜单中选择一个项目之后, 我想打开菜单 ( 注意 :有一种方法可以关闭菜单而不是打开它)。 可能吗? 如果是这样,怎么样?

(jQuery插件)在多项选择测验中拖放答案

我正在创建一个网页,用户必须在测验中连接两个列表中的元素。 例如,想象一个测验问题,其中有两个列表,一个包含国家/地区,另一个包含大写字母,用户必须将大写字母连接到正确的国家/地区。 优选地,应该有一种方式供用户将元素从第二列表拖动到第一列表的元素旁边的区域。 像这样: 在这里,您可以将蓝色框拖动到灰色矩形中。 是否有jQuery插件或其他JavaScript库已经完成了这样的事情? 或者我必须自己实施吗? 如果是这样,是否有人指出描述类似问题解决方案的文章,或者有关如何最好地解决这个问题的想法?

查找在其上初始化了jquery小部件的元素

我正在使用jQuery-File-Upload小部件(虽然我相信这个问题可以推广到任何jQuery小部件)。 API指示用户使用fileupload方法初始化窗口小部件,因此: $(‘#fileupload’).fileupload(); 我的问题是:如果不知道ID,我怎样才能找到#fileupload (以及任何其他已经调用过.fileupload()元素?