我正在转换<input type="hidden">为select2下拉列表并通过查询方法提供数据
$('#inputhidden').select2({
query: function( query ) {
query.callback( data ); // the data is in the format select2 expects and all works well..
);
});
Run Code Online (Sandbox Code Playgroud)
问题是我需要破解select2用户界面并在搜索栏顶部放置两个按钮,当点击它们时,将执行ajax调用,并且必须更新select2内容.

现在,我需要完成这些更新,而不是完全重建select2,而只是刷新下拉列表中的项目.我找不到将一组新数据传递给已创建的select2控件的方法,这可能吗?
jQuery(async ajax部分)的官方文档说:
跨域请求和dataType:"jsonp"请求不支持同步操作.
但是这适用于所有最近的浏览器,但firefox版本> = 20.这是我正在进行的调用类型:
$.ajax({
type : "GET",
async: false,
dataType : "text",
url : link,
xhrFields: { withCredentials: true },
success: function(response){
console.log("success ");
},
error: function(error){
console.error(error);
}
});
Run Code Online (Sandbox Code Playgroud)
有没有人知道为什么会这样?
更新: 我用jQuery和vanilla XHR测试了错误总是一样的
[例外......"底层对象不支持参数或操作"代码:"15"nsresult:"0x8053000f(InvalidAccessError)"
我正在使用bootstrap 2.2.1,无论出于何种原因,data-parent属性没有按预期执行.当我点击另一个目标时,它不会关闭先前打开的目标.这里有一个小提琴下面的代码,任何关于如何解决这个问题的想法?
<div id="accordion">
<ul>
<li>
<a href="#" data-toggle='collapse' data-target='#document', data-parent='#accordion'>option 1</a>
<ul id="document" class="collapse">
<li> <a href="#">suboption 1</a></li>
<li> <a href="#">suboption 1</a></li>
<li> <a href="#">suboption 1</a></li>
</ul>
</li>
<li>
<a href="#">option 2</a>
</li>
<li>
<a href="#">option 3</a>
</li>
<li>
<a href="#" data-toggle='collapse' data-target='#document2', data-parent='#accordion'>option 4</a>
<ul id="document2" class="collapse">
<li> <a href="#">suboption 1</a></li>
<li> <a href="#">suboption 1</a></li>
<li> <a href="#">suboption 1</a></li>
</ul>
</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud) 我有一个位于iframe上的元素(bar),如果我在该元素上设置不透明度,它会保留在iframe下,即使该项具有比iframe更大的z-index.
但是,如果我在该元素和iframe周围创建一个容器(foo),并在那里设置不透明度,则(bar)元素会像预期一样停留在iframe前面.
CSS:
#bar {
width:100px;
opacity:0.5;
height: 150px;
position:relative;
top:100px;
z-index:2;
background:red
}
#foo {
/* opacity:0.5; */
}
Run Code Online (Sandbox Code Playgroud)
HTML
<div id="foo">
<div id="bar">
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</div>
<iframe src="http://www.adelaide.edu.au/myuni/tutorials/docdesign/guides/docDesignGuide_KeepPDFsmall.pdf" width="200px" height="200px" frameborder="0" style="z-index:-1"></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)
创建该容器将解决我的问题,但我不能这样做,因为我当前的标记不允许它.我需要不透明度留在条形元素.
这只发生在Firefox中,iframe的内容是.pdf文件.
如何在保持其不透明度设置的同时让条形元素保持在iframe的顶部?
更新:
似乎问题与我在iframe中采购pdf文件而不是网页这一事实有关.
提前致谢
我正在Electron中创建一个新的无框架浏览器窗口,其高度和宽度设置为0但是,至少在窗口中,窗口显示有一些宽度和高度.
此外,我还没有加载任何内容.
var mainWindow = new BrowserWindow({
width: 0,
height: 0,
resizable: false,
frame: false,
center: true,
show: true,
'use-content-size': false,
'always-on-top': true
});
Run Code Online (Sandbox Code Playgroud)
是否有可能有一个0高度/宽度的无框窗口?
我正在尝试生成一个JSP页面,因为JSP使用的模板分隔符与下划线使用的模板分隔符相同.
看文档 - > https://github.com/gruntjs/grunt/wiki/grunt.template#wiki-grunt-template-setDelimiters我可以看到他们有一个功能
grunt.template.addDelimiters(name, opener, closer)
Run Code Online (Sandbox Code Playgroud)
两个问题:
grunt.template.process()(我有多个,而对于其他非.jsp模板,默认分隔符很好)?任何帮助表示赞赏.谢谢.
为什么当我输入{} === null控制台时它会抛出
SyntaxError:意外的令牌===
null === {} 按预期给我假.
是否可以定义应该加载的默认语言环境,以防用户设置?lang = unknownlang ?
在我的spring-servlet.xml中,我有:
<bean id="localeChangeInterceptor"
class="org.springframework.web.servlet.i18n.LocaleChangeInterceptor">
<property name="paramName" value="lang" />
</bean>
<bean id="localeResolver"
class="org.springframework.web.servlet.i18n.CookieLocaleResolver">
<property name="defaultLocale" value="pt" />
</bean>
Run Code Online (Sandbox Code Playgroud)
另外如果我在我的url param中指定了无效字符,例如?lang = p @ t,spring会抛出一个应该处理的异常,我该如何处理呢?
Error 500: org.springframework.web.util.NestedServletException: Request processing failed; nested exception is java.lang.IllegalArgumentException: Locale part "'" contains invalid characters
Run Code Online (Sandbox Code Playgroud) 我有这个下拉菜单,我想要做的就是在触发onmouseenter事件时,将下一个兄弟的目标边界左边改为白色.到目前为止,我可以轻松地解决currentTarget的边界问题,但是我无法找到一种方法来为下一个兄弟做同样的事情.有任何想法吗 ?
我有一个仪表板视图(dashboard.jade),它将显示两个具有不同信息的面板,所有这些信息都应从数据库中检索,然后发送到视图.
假设我有一个定义了两个动作的路径文件(document.js):
exports.getAllDocuments = function(req, res){
doc = db.model('documents', docSchema);
doc.find({}, function(err, documents) {
if (!err) {
// handle success
}
else {
throw err;
}
});
};
exports.getLatestDocumentTags = function(req, res){
tags = db.model('tags', tagSchema);
tags.find({}, function(err, docs) {
if (!err) {
// handle success
}
else {
throw err;
}
});
};
Run Code Online (Sandbox Code Playgroud)
这些函数只能用于从数据库中检索数据.
现在我想将这些数据发送到我在dashs.index函数下的dashboard.js路径文件的仪表板视图中,其中我呈现我的仪表板视图.
问题是,因为db调用将是异步的,所以在调用视图之前我无法访问数据.
我想我可以做一个简单地执行所有数据库调用并通过回调的操作一次性将所有数据传递给视图,但这会使我的数据检索操作无法重复使用.
我真的很困惑如何正确解决这个问题,可能我得到这个异步的东西都错了.有人可以给我一些关于如何正确做到这一点的提示吗?
我在获取我认为是在 react-native 中实现的简单布局时遇到了一些麻烦。
基本上我需要连续两个视图,他们的父母有justifyContent: 'space-between'.
在第一个视图上有两个文本组件,其中一个在增长时必须有一个省略号。
我所期望的:
相反,我得到的是该文本组件溢出:
<View style={{ flexDirection: 'row', justifyContent: 'space-between', flex: 1 }}>
<View style={{ flex: 1, flexDirection: 'row' }}>
<Text>AVATAR</Text>
<View style={{ marginHorizontal: 15 }}>
<Text numberOfLines={1}>THIS IS A LONG LONG LONG DESCRIPTION</Text>
</View>
</View>
<View>
<Text>9,999,999,999.99</Text>
</View>
</View>
Run Code Online (Sandbox Code Playgroud)
一个可以玩的沙盒示例:https : //snack.expo.io/HkeFQbyvf
javascript ×4
jquery ×3
node.js ×3
css ×2
collapse ×1
cors ×1
cross-domain ×1
dojo ×1
electron ×1
express ×1
firefox ×1
flexbox ×1
gruntjs ×1
html ×1
iframe ×1
java ×1
locale ×1
next ×1
opacity ×1
react-native ×1
reactjs ×1
siblings ×1
spring ×1
spring-mvc ×1
syntax-error ×1