我有一个D3js热图,它是使用代码生成的,并在单击事件时作出反应:
var heatMap = svg.selectAll(".hour")
.data(availPlain)
// abriged...
.on("click", function (d, i) {
// toggle special class for clicked item
d3.select(this).classed("selectedClass",
在我网站的联系人页面上,我有一个谷歌地图作为背景。问题是它并不总是出现或部分出现。如果您直接进入联系人页面,地图就可以了,但是如果您先进入任何其他页面,如本页面,然后单击左侧菜单中的联系人,地图将不会出现或部分出现在菜单栏附近
这是我的地图代码:
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script type="text/javascript">
// The latitu
我有一个页面,其中各种javascript函数显示数组的不同部分
我用于选择要显示的信息的代码是:
<a href="#" onClick="x(ncode1);">
<a href="#" onClick="x(ncode2);">
单击a标记将激活功能xncode。页面默认加载到xncode1。激活xncode2后,url自然会更改为site.com/
如果我想直接链接到xncode2显示,我知道我需要链接到页面并在页面加载后激活javascript函数。我是如何做
我对Bootstrap3中的模式框有问题
我的代码:
<a data-remote="{{ path('popup_pages', {'page': 'cgu'}) }}" data-toggle="modal" data-target="#MyModal">Try</a></p>
<div class="modal fade" id="MyModal" tabindex="-1" role="dialog" aria-labelledby="myLa
我在使用angular js时遇到了一个奇怪的问题
在netscape 9.0中测试代码时,我发现一些页面数据没有呈现。有些表达式保持原样,它显示{{data}},而不是呈现的数据。
当我在Konqueror中测试代码时,我发现控制器甚至不能工作。
奇怪的是,当我刷新页面时,一切都很顺利。
我使用$document.readyfunction{}确保加载了所有js。
所以我很困惑。浏览器是否可能导致此问题?
这里我列出了我的一些代码
var viewClientModule = angular.
当我的应用程序中的视图发生变化时,我尝试实现角度js动画。由于某种原因,我根本无法得到动画
这是我的app.js:
var myApp = angular.module('myApp', [
'ngRoute',
'ngAnimate',
'categoryControllers'
]);
//--------------------Controllers----------------------------//
var categoryControllers = angula
我知道如何使用这个语法函数{};,自行运行脚本;,请注意我的示例,没有为anon函数指定名称。问题是,如何使用未指定的函数生成递归函数
(function(){
if(i < 3){
// how to call it self without function name?
}
})();
我总是给一个非函数取一个名字,然后在递归函数中调用它自己。但是这一次我想知道是否有可能不用名字来调用它自己。我不喜欢Aleksandar的解决方案,因为你
HTML:
问题是,当我单击按钮时,span的number add number 1和DIV2设置一个新按钮,当我单击DIV2 new时,如何添加DIV1 span number,我的意思是该函数如何找到正确的父级和span
我想在单击“新建”按钮时添加数字1,仅此而已,谢谢 您可以检查是否已更改
谢谢你,但这只是一个例子,我将在我的项目中使用parents和find。这样我可以适应复杂的情况并找到元素。我认为你应该使用类来实现这样的目的,使你的工作更容易。你知道id不能只是一个数字吗?必须以字
我浏览了一些链接,但这对我没有帮助。我必须限制json数组中重复的标题。在这里怎么办
function submitForm(){
var titleInput=document.getElementById('titleName').value;
var messageInput=document.getElementById('titleDesc').value;
var oldItems = JSON.parse(localStorage.getItem('itemsArr
当用户希望通过我的网页从数据库中删除一行时,我想提示一个消息框,询问“您确定要删除吗?”?。然后在我的php代码中,我想跟踪用户是否按Ok或Cancel并执行删除操作,如下所示。我是新的网络编程和任何帮助将不胜感激
<?php
.
.
.
if (user wants to delete a row from database)
{
echo "<script type=\"text/javascript\"> confirm(\"Are you sure you
我想在android浏览器上设置输入的光标位置。我正在使用以下代码:
function setCaretPosition(ctrl, pos)
{
if(ctrl.setSelectionRange)
{
ctrl.focus();
ctrl.setSelectionRange(pos,pos);
}
else if (ctrl.createTextRange) {
var range = ctrl.createT
我试图让滑块在用户悬停时暂停,然后在用户悬停时恢复旋转。但由于某些原因,当我悬停在外时,动画会变得古怪,当我将鼠标悬停在clearTimeout上时,动画不再工作。我正在努力做到这一点没有插件请
mycode.carousel = function() {
//hide all slides except first slide
$('#slides_container > div:gt(0)').hide();
$('#controls a').first().addClass('act
我知道这是一个简单的问题,但我只是没有足够好的JavaScript来实现它
我有一个脚本,我正在使用skrollr.js创建一些动画部分,我不希望在移动设备上点击站点时运行该脚本
脚本很简单:
<script type="text/javascript" src="/scripts/skrollr.min.js"></script>
<script type="text/javascript">
var s = skrollr.init();
<
我正在尝试用不同的项替换ngGrid中的项。拼接单个项目是可行的。使用接头插入项目:
$scope.myData.splice(1, 0, object);
同样有效。但是,索引1对象不会更新网格。如何在ngGrid上显示myData的更新?我已经复制了这个问题。我认为应该可以,我会将它作为一个bug报告给ng网格团队。如果我在他们的源代码中将$watch更改为$watchCollection,那么它在ng-grid.js中可以很好地工作32953296行:
或者,您可以使用angular.
我想创建一个javascript函数,当用户在文本框中输入1并单击按钮时,它将在周一提示。那么我该怎么做呢。名单如下:
`1=Monday
2=Tuesday
3=Wednesday
4=Thursday
5=Friday
6=Saturday`
谢谢以下是我对这个问题的回答:
我想这会有帮助的
happyCoding:D用这些值创建一个数组,比如['周一'、'周二'、'周三'、'周四'、'周五'、'周六'];`。
请注意星期天不见了
然后将事件侦听器添加到输入中以检测keyup,例如,并使用
我应该在日期选择器处重置最小/最大日期:
$(item).datepicker('option', 'minDate', null);
问题:在字符串日期选择器之后,日期消失。即datepicker有2014年3月1日的日期,而在上面的字符串之后则没有日期
重要提示:在Firefox31.0上会出现这种情况,但在Chrome上一切都很好
问题:如何以正确的方式设置minDate?这是Firefox的bug吗?这里看起来不错吧@例如,谢谢你。是的,你的例子没问题,但不幸的是我的应用程序被那个该
在JavaScript中,我希望对字符串末尾的所有特殊字符进行正确的修剪。
我的一段代码只对连字符进行修剪..需要所有特殊字符:,+-=/[]\@$%^&*以及
var s = "DB-";
var x = s.replace(/-+$/,'');
console.log(x);
这方面有什么帮助吗?这应该可以解决问题
var x = "abcde#$@asbd#$^@$";
x.slice(0,x.search(/\W*$/));
这将只删除字符串末尾的特殊字符。它将在字符串正文中留下特殊
我想在结果中使用JQuery自动完成插件和图像。例如,如果我搜索马里奥,我应该在结果中看到马里奥的图像。我发现了很多例子,但没有成功
这是我找到的代码:
$("input#autocomplete").autocomplete({
delay: 10,
minLength: 0,
source: updates,
select: function( event, u
我使用以下代码片段获取存储在mongodb中的特定用户的追随者
保存的用户json如下所示
{ "_id":{
"$oid":"5440f606255cd4740e88ed21" }, "username":"test2", "email":"test2%40gmail.com", "name":"Test2", "version":null, "password":"2ea01e7a318f15378641f47469613ce6817cc91a", "
我开始在需要重构的项目上使用Angular,但我不能从头开始,所以现在我需要插入一些html,带有Angular属性,需要动态编译,如下所示:
var html = "<div ng-controller='MyController'><p ng-click="raiseEvent()">Click Me</p></div>";
var $injector = angular.injector(['ng', 'MyProject']);
$inje
学校项目。我必须设计一个页面,其中包含一个输入框、一个将输入的数字发送到函数的按钮,以及一个显示结果的段落。这是我目前的进展,问题是每次都是假的。对不起,这个问题太琐碎了,我对网络编码完全是个新手
<!DOCTYPE html>
<html>
<head>
<script>
function isPrime($n)
{
$i=2;
if ($n==2){
return true;
}
$sqrtN = sqrt($n);
while ($
我的网站在单击位置选项卡时加载谷歌地图api,然后初始化地图。我不想在单击此选项卡之前加载api。我注意到,每次单击选项卡时,它都会加载api,导致站点的内存使用量增加。我包装它的if/else语句在click函数中不起作用。我还按照异步加载api和mapconstructor.js。我已经在if/else上检查了类似的答案,但是它们没有帮助
$("[id=location-tab]").click(function() {
if (typeof google.maps.event.tr
我正在与TB合作,并试图找到结合转盘和模式功能的解决方案。我知道carousel gallery已经存在于版本3中,但出于某种原因,我仍然在2.3中工作
问题是,当用户单击页面上的旋转木马时,它会显示模式窗口,并开始从开头滑动图像,而不是从当前单击的图像
其思想是找到已单击元素的src属性,并将其传递给模态窗口中的元素。有什么办法吗?谢谢这里是html结构
<!-- Modal -->
<div id="modal-trigger" class="modal hide fade
当我对一个页面进行AJAX调用时,我得到了一个带有用户参数的表单,该页面随后被提交到一个url,这样我就可以预先为同一个用户创建一个会话
那个人去了那个网站,他在那里看到了他的名字。
我创建了一个id为abc_session的div标签,将id为fm1的表单分配给它,然后提交表单
现在按照要求创建会话,但页面会自动重定向到表单提交到的站点url。我只是不想发生这种情况
有人能提出一些建议……或者一些解决方法吗
AJAX返回的表单如下所示:
按照quentin的建议,尝试提取数据并中断另一个aja
我有一个关于在主干中使用jQuery效果的问题。
基本上我想要达到的目标是:
我有一个应用程序,当点击“显示更多问题”按钮“应用程序加载更多任务”后,我想将此过程延迟约一秒,并在加载时向其添加throbber。我想实现的第二个效果是在加载完成并且出现更多任务后添加fadeIn效果。
守则:
$(function() {
var Tasks = Backbone.Model.extend();
var TasksList = Backbone.Collection.extend({
mod
我正试图使用django rest作为后端,在extjs 5中显示一个包含表单的弹出窗口。我设法让弹出窗口显示出来,但里面的表单没有显示出来。如果我只放置一个html标记而不是表单,则会显示标记内容。我很困惑,因为我不能让它工作,以显示形式。任何帮助都将不胜感激。代码为:
控制器:
Ext.define'MyApp.controller.Manage'{
扩展:“Ext.app.Controller”,
视图:[“管理”],
//控制器初始化
init:函数{
//保存范围
var manag
我正在学习RubyonRails,我想使用一些不引人注目的javascript来显示模式。当用户单击远程链接时,它在我的一个控制器中调用一个操作,返回以下javascript
var SM = new SimpleModal({"width":600});
SM.addButton("Action button", "btn primary", function(){
this.hide();
});
SM.addButton("Cancel", "btn");
SM.show({
也许我误解了文档,但我认为我可以做到这一点,显然我不能
我在这里遗漏了什么?您的数据绑定=源:模型需要模型中的元素模型
此外,在模板中,data.id可能会丢失数据
参见编辑的
查看此确定文档中没有提到这一点,但您应该在以这种方式绑定根目录时使用它
<div id="component"
data-bind="source: this"
data-template="editor"
/>
在解决这个问题后,我们所做的就是提出更多的问题。。。太好了
<
这里我得到了srcdivid值,我必须把这个值传递给上面的对话。这怎么可能呢
我的对话小部件代码如下
function click1(a)
{
var srcdivid =$(a).closest('div').attr('id');
$("#pagetemplate").dialog("open"); return false;
}
我必须在这个addtemplate函数中获取srcdivid,我从click函数传递它。请帮帮我。使用jQuery的方法
function addtempla
我将Angular和TingoDB Mongo内部节点Webkit用于单页应用程序。然而,我有一个奇怪的问题,我一直无法解决
当我使用object literal选项2时,数据在html页面中正确显示。但是,更改代码以从数据库选项1返回数据时,结果不会显示在html页面上。我已将这两种类型的数据转换为JSON字符串以证明一致性,然后使用angular.fromJSON返回一个对象。这两个方法在console.log中返回相同的JSON字符串,在任何人询问之前,我已经注释掉了选项1或选项2,因此这
我正在做一个繁重的科学ie,而不是显示数据webgl计算。Webgl不能放在一个worker中,而且做很多Webgl会阻塞整个浏览器,所以我将计算分块,在调用getError刷新opengl队列后,我在setTimeout函数中计算每个块。我在块之间留了一点时间,以便浏览器有时间刷新主UI队列中的一些UI事件,从而使整个过程感觉不那么缓慢
我的问题是,当选项卡被隐藏时,setTimeout被限制为1秒,这对我来说太慢了
有比我做的更好的解决方案吗?显然requestAnimationFrame不
我试图实现当一个div1悬停时,div2应该是可见的,选项应该是可点击的。当div1被鼠标移出时,它不应该显示div2
<div class="div1">Hover me</div>
<div class="div2">Clickable items</div>
.div1
{
width:100px;
height:30px;
background:red;
}
.div2
{
width:100px;
backgrou
我试图编写一个小游戏,因此试图在某个区域移动一个对象。为了获得某种程度的边界,我正在尝试累积位置。然而,我将为您简化这一点,这是不起作用的:在JS中
parseInt( $('#w'+w ).css( 'top' ) + $('#w'+w ).css( 'height' ) )
这应该只是将顶部位置与此元素的高度相加。当我把它打印出来时,它会告诉我它是100。但是,当我打印height和top而不将它们相加时,它的height=500和top=100在css代码中就是这样。
如果我交换高度和顶
我有一个简单的表格,当提交时将数据输入meteor mongo集合。然后,我将刚刚提交的数据输出到另一个div中,有点像提交并显示在时间轴中的tweet
我想存储用户将表单提交到集合中时的时间戳,然后显示按时间戳降序排列的“提要”,所以先显示最新的。我目前正在使用moment.js在集合中记录时间戳,然后在输出中简单地使用该时间戳,但这似乎不是最有效的方法
我打算让不同时区的用户提交表单,因此希望能够显示最新用户订购的UTC提交的时间戳
目前我有
Template.form.events({
我正在尝试创建一个函数来比较两个电子邮件字段
例如:
Email : <input type="text" name="email" id="email" value="<?=$email?>"
required>
Confirm email : <input type="text" name="email2" id="email2"
onblur="confirmEmail()" value="<?=$email2?>" required
我正在使用Twitter Typeahead,在悬停建议时遇到一些问题,这些建议会触发悬停的建议弹出到我的输入字段中。如果用户随后按enter键,将选择实际悬停值,而不是用户编写的值。我想它被选中,只有当用户点击实际的建议。
似乎是
_onSuggestionMouseEnter()
当鼠标悬停建议时激发的函数。我的问题是,是否可以在我自己的代码中重写此函数?还是用另一种方法来解决这个问题
这是我的预打字代码:
var suggestions = new Bloodhound({
da
我正试图在我的Shopify主题中实现产品图像变体的分组
我非常确定,在达到Javascript元素之前,我已经做了所有事情。我知道我已经在Shopify管理员中正确标记了我的图像。我已经将JS放在product.liquid文件的底部,并做了一些修改,使其与我的代码相似,但是教程末尾有一部分引用了下面的JS片段,我不理解或不知道它需要放在哪里。我认为它需要放在我的script.js文件中,但我不确定
JS:
我的代码如下:
产品.液体:
<!-- Begin product phot
我有一个嵌套列表,用于显示可折叠项。问题是,我似乎无法区分单击父对象和单击子对象。这是我的密码:
function myFunction(elmnt) {
var child=(elmnt.firstElementChild||elem.firstChild)
if (child.style.display == 'block') {
child.style.display = 'none'
} else {
child.style.display = 'block'
child
我在一个页面上有一系列的产品,里面有一个小产品,每个产品都有一个图片和标题,可以链接到更大的视图
我想做的是将较大的视图评级加载到.small产品布局中。以下是.small产品的html:
<div class="small-product">
<div class="photo"><img src="image/path>"</div>
<div class="lato" id="rating-stars"></div>
我正在为我的餐厅开发一个库存检查表。我的想法是,例如,我可以称一瓶半满的伏特加!根据该重量,以毫升为单位的体积将根据重量调节器和产品密度自动计算
代码是用PHP自动生成的。下面是一个例子,我选择了哪瓶伏特加,并基于这个选择,我想在跨度“1_liveWeight”中显示数量。由于经验有限,我遇到的问题是这一行代码:
var qty = (weight - adjuster) * density;
我希望它的功能如下:
var qty = (weight - adjuster_!value sel
我正在尝试通过一个javascript对象循环,每3秒钟将背景图像更改为其他图像
我知道我将使用setInterval,一个for循环遍历对象,使用jQuery访问css并更改背景。但我不确定如何将所有这些结合起来使用
HTML
JS
我试过:
var counter = 0;
var i = setInterval(function(){
counter++;
if(counter === 5) {
clearInterval(i);
}
我有一个简单的排序函数
data.sort((a, b) => (b.alreadyExists) ? 1 : -1);
这在Chrome和JSFiddle中都可以正常工作,但在IE11中却不行:我是做错了什么,还是这只是IE11中令人讨厌的事情之一
不幸的是,这里没有使用IE11的选项:IE不支持。在IE 11中,您可以编写如下函数:
data.sort(function (a, b) {
return b.alreadyExists ? 1 : -1;
});
不要在IE
我有一个目标
> state
{ homeStreet1: 'a', homeStreet2: 'b', homeStreet3: 'c', State: 'MA' }
> Object.entries(state)
[
[ 'homeStreet1', 'a' ],
[ 'homeStreet2', 'b' ],
[ 'homeStreet3', 'c' ],
[ 'State', 'MA' ]
]
如何从该对象创建过滤掉属性的新对象
我能行
> Obje
我正在尝试用reactjs制作一个类似JSON格式的表单
index.js:
const BasicDetails = ({ fieldChange }) => {
...
const handleInputChange = (event) => {
if (event.target.name === 'firstName') {
setInputField({ ...inputField, fir
图ql:
我正在尝试获取resistanceBands JSON对象和price数组,以映射到react子组件。查询在父组件中定义,并在带有项目符号的列表中呈现项目
父组件:
子组件:
您还需要使用.map来表示价格,因为这是一个数组,如下所示:
<ul>
{product.prices.map(p => <li>{p}</li>)}
</ul>
感谢您完美地将其分解!关于将object.keys传递给子组件的快速问题!我的尝试:{re
我尝试使用OOP概念移动画布中绘制的对象。基本上,画布中有一个正方形
类Canvas具有Canvas HTML元素、上下文、x坐标和y坐标的属性。drawSquare方法绘制square,它在按下键事件和加载窗口时被多次调用
moveObjectevent处理箭头键的向下键事件,并调用drawSquare
我得到了未捕获的TypeError:this.drawSquare不是moveObject myScript.js:37中的函数
类画布{
构造器,上下文{
this.canvas=画布;
我正在尝试创建一个表单验证函数,并在输入字段上使用forEach
我认为问题在于我处理的是字段,而不是字段的内容,例如:input.addEventListener等,所以我无法修剪它们
如上面的例子所示,我尝试用字段input.value的内容创建一个变量input,修剪它并将其传递给函数。现在我得到一个错误:input.validity未定义
有人能推荐一种方法来修剪输入字段的值,然后运行有效性检查吗
谢谢。输入元素上存在.validity属性,而不是经过修剪的字符串
您需要首先将该值更新为
我正在重新设计地理位置控制功能,但我不知道我做错了什么。我收到错误消息:UncaughtTypeError:无法读取属性“getExtent”。它应该指向正确的源文件
map.getView().fit(ol.interaction.extent.getExtent(), {
maxZoom: 18,
duration: 500
});
完整代码如下:
您错过了本教程的这一部分:
const source = new ol.source.Vector();
const laye
我的HTML文档中有一个iframe。此iframe具有数据属性data search id,它位于主线顶部。如何在iframe之外使用JavaScript来更改具有base-top类的元素的颜色。我应该使用数据属性还是有其他方法?注意,我无法向iframe添加id或类,它是从其他地方加载的
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title
所以我目前正在做一个基本的原型,遇到了一些错误。我有一个将用户添加到数据库的函数。在此之前,我让它读取并执行一个函数来检查id的最高值,然后将其添加到下一个查询中。但是,当我尝试这样做时,总是在我从数据库获取值之前执行向数据库添加用户的查询
在做了一些研究之后,我发现我可能不得不使用异步函数。我一直在试图找到一个适合我的问题的答案,但似乎找不到一个适合我的例子,我似乎有很多方法把它们写出来
我的密码是
async function maxIDD(maxID){
try{
connecti
上一页 1 2 3 4 5 6 ...
下一页 最后一页 共 45420 页