草庐IT

select-popup

全部标签

javascript - 在 chrome 扩展中调整 popup.html 的大小

我有这个chrome扩展,它在popup.html中显示了一些内容。随着内容在“运行时”发生变化,popup.html的大小也会发生变化,从而在有更多内容要显示的地方扩展。我遇到的问题是popup.html不会根据较小的内容调整自身大小。我该怎么做? 最佳答案 添加到popup.html的最开头-看起来你忘记添加它了 关于javascript-在chrome扩展中调整popup.html的大小,我们在StackOverflow上找到一个类似的问题: https

javascript - 如何为搜索输入制作 select2 占位符

如何为select2jQuery插件制作占位符。在StackOverflow上有很多关于如何在那里制作占位符的答案,但它们都是关于元素的占位符的。我需要为搜索框指定一个占位符,见图。 最佳答案 我有同样的需求,我最终为Select2插件编写了一个小扩展。插件有一个新选项,searchInputPlaceholder,用于为“搜索”输入字段设置占位符。在插件的js文件后面添加如下代码:(function($){varDefaults=$.fn.select2.amd.require('select2/defaults');$.exte

javascript - 关闭前的 Magnific Popup Action

我在我的解决方案中实现了MagnificPopup,我正在使用Bootbox从用户那里获得他想要关闭窗口而不保存更改等的确认。我将我的自定义函数连接到关闭回调,但它没有按预期工作。$('#divThumbnails').magnificPopup({delegate:'a',type:'inline',midClick:true,callbacks:{close:function(){varconfirm=bootbox.confirm('Areyousure?',function(result){});if(confirm)returntrue;elsereturnfalse;}}}

javascript - 设置初始 vuetify v-select 值

谁能帮我设置一个v-select的默认值?需要注意的是,我的v-select填充了对象,我认为这可能是为什么将我的item-value分配给我想要的初始值不起作用的原因:Vue.use(Vuetify);constvm=newVue({el:"#app",data:{defaultSelected:{name:"John",last:"Doe"},people:[{name:"Harry",last:"Potter"},{name:"George",last:"Bush"}]}});预期:初始v-select应该是John实际:初始的v-select是空白的。这是一个fiddle供引用

javascript - 如何在 JQuery UI Selectable 上实现切换功能?

我正在使用JQueryUI-Selectable.如果元素已被按下并且它已被选中(切换),我想取消选择该元素你能帮我添加这个功能吗! 最佳答案 因为所有的类回调,你不会做得比这更好:$(function(){$("#selectable").selectable({selected:function(event,ui){if($(ui.selected).hasClass('click-selected')){$(ui.selected).removeClass('ui-selectedclick-selected');}else{

javascript - 在 select2 中获取所选选项的值,然后使用 jquery 将该值设置为输入文本?

我是jquery和javascript的新手,所以这可能是一个愚蠢的问题,但我在将从select2中的选定选项获取的值设置为文本输入时遇到问题。这是我的代码:$(function(){//turntheelementtoselect2selectstyle$('.select2').select2({placeholder:"Selectastate"});vardata=$(".select2option:selected").text();$("#test").val(data);});select2selectbox:AlabamaVermontVirginiaWestVirgi

javascript - select2 不显示向下箭头图标

我的select2工作正常,我只有1个小错误,选择框中的向下箭头图标没有显示,你们知道为什么吗?这让用户有点困惑我试着找到这个错误,但我无法修复错误,你们能帮帮我吗?代码在这里不起作用,但它在jsfiddle链接中起作用。jsfiddle:http://jsfiddle.net/yszv1ob2/$("#e1").select2();AlabamaAmalapuramAnakapalliAkkayapalemWyoming 最佳答案 对于Select2版本4.0.5+,这段代码完全复制了单选箭头。.select2-selection

javascript - 为什么 select2-removing 事件不会在带有 allowClear 的 select2 中触发?

我想在我的select2中Hook一个事件一旦它被清除。select2使用allowClear:true初始化。然而事件$select.on('select2-removed',function(event){console.log(event);});使用清除按钮重置select2时不会触发。 最佳答案 select2v4.0.3$('#smartsearch').on('select2:unselecting',function(e){alert('YouclickedonX');});对于所有select2Options&Ev

javascript - 使用 Selectize 和 Ajax 时在 Bootstrap 模式中显示 Rails 错误消息

我正在尝试构建一个应用程序,允许用户分享艺术家对其他艺术家的名言。例如,鲍勃·迪伦(BobDylan)引用约翰·列侬(JohnLennon)的话。因此,我的艺术家模型的设置方式允许艺术家既是引述的演讲者又是引述的主题,并且每个引述都属于作为引述者或主题的每个艺术家。当使用Selectize触发模态时,我无法在Bootstrap模态中显示Rails错误消息。我按照thisdemo使模态正常工作.模态框用于创建一个新的Artist来自quotes/new表单,但我无法获得Artist的错误消息在Bootstrap模式或报价/新页面上显示的模型。当我尝试在模式中创建触发错误消息(例如vali

javascript - 当我使用 Angular md-selected 索引频繁切换选项卡时,多个 'md-tab' 同时具有 'md-active' 类

当我频繁切换md-tabs时,Md-tabs切换正确但多个md-tab-item元素同时具有“md-active”类,所以我看不到选项卡的内容是事件的,因为它与其右侧选项卡的内容重叠。据我所知,在angular-material中,当我们选择一个选项卡时,angular首先取消选择上一个选项卡(隐藏页面上先前显示的内容)并显示所选选项卡的内容。在执行此过程时,Angular未删除以前事件选项卡的“md-active”类。这是重现该行为的fiddle。这是随机行为,并发点击时出现。请在点击“切换标签”按钮后等待1分钟jsFiddleangular.module('firstApplica