Tag: javascript

jquery draggable和resizable不适用于克隆的div

我有一个具有可拖动和可resize的jQuery UIfunction的div 。 我克隆div并将其附加到同一个父级: … $(“.drag”).live(“mouseenter”, function() { $(this).draggable(); }); $(“.resize”).live(“mouseenter”, function() { $(this).resizable(); }); $(“div”).clone(true).appendTo($(“div”).parent()); 克隆是成功创建的,但是当我尝试拖动它时,orignal会拖动。 resize也无法正常工作。 谁能解释一下这里发生了什么?

Math.random() – 不随机

我创建了一个jQuery插件,但我有一个问题,我使用以下代码: Math.floor(Math.random()*500) 我将结果添加到元素中,但奇怪的是结果每次都相同。 如果我在随机数生成后向行添加alert(),我会得到随机值,为什么? 我想得到没有alert()随机整数。 但是怎么样?

Kendo UI网格和自定义弹出删除确认

我有一个kendoui网格,我在metronic模板中使用它…我希望用更好的彩色更改删除确认弹出窗口(不是文本)。 我正在使用MVC Kendo助手来创建网格,据我所见,没有一段代码拦截弹出消息(例如http://www.keenthemes.com/preview/metronic/theme/templates/ admin / ui_confirmations.html事件处理) 有人有成功吗? 提前致谢

Yii2中的Ajax + Controller Action

我是编程新手,我正在尝试在用户输入数据并单击提交按钮时调用函数。 我正在使用Yii2而且我不熟悉Ajax。 我尝试开发一个函数,但我的控制器操作没有被调用。 这是我正在尝试的示例代码: 意见/ index.php文件: function myFunction() { $.ajax({ url: ‘request->baseUrl. ‘/supermarkets/sample’ ?>’, type: ‘post’, data: {searchname: $(“#searchname”).val() , searchby:$(“#searchby”).val()}, success: function (data) { alert(data); } }); } Supermarkets Search by Name Location Search 控制器: public function actionSample(){ echo “ok”; } 我的问题是当我点击“搜索”按钮时没有任何反应,当我尝试调试它时,调试器不会运行任何代码!

JQuery外部Ajax调用无法在IE中运行

我有一个ajax脚本,可以将一些数据发送到外部URL。 外部URL托管在同一服务器上,但该域与ajax调用的源不同。 这在Firefox和Chrome中完美运行。 但是在IE中ajax调用没有通过,并且Return False函数不起作用(一旦ajax调用失败)。 以下是我的代码: $.get(‘http://myexternaldomian.com/feedback/save.php’, { answer: $(‘#answer’).val(), page_url: pathname }); // Keeps the user on the page return false; 当我尝试从ajax url中删除http://时,返回false确实有效。 任何有关这方面的帮助将不胜感激。 谢谢

jQuery:从字符串中删除重复项

我有字符串值,其中包含用逗号分隔的项目列表,例如,值可以是val1,val2,val3,val1,val4,val3,val2,val5 。 有没有一种简单的方法可以从这样的字符串中删除所有重复项,以便每个值只在字符串中出现一次? 例如,在上面的例子中,我想得到val1,val2,val3,val4,val5 。 蒂姆,非常感谢。

循环范围的Javascript采用最后一个变量

这有效: var toggler = function(most){ var open = $(‘#toggle_’ + most + ‘ .minus’).is(‘:visible’); if(open){ $(‘#toggle_’ + most + ‘ .minus’).hide(); $(‘#toggle_’ + most + ‘ .plus’).show(); }else{ $(‘#toggle_’ + most + ‘ .plus’).hide(); $(‘#toggle_’ + most + ‘ .minus’).show(); } $(‘#’ + most + ‘ ol.tlist’).toggle(open); }; $(‘#toggle_mostviewed’).click(function(){ toggler(‘mostviewed’); }); $(‘#toggle_mostshared’).click(function(){ toggler(‘mostshared’); }); $(‘#toggle_mostrecent’).click(function(){ […]

根据滚动位置触发video自动播放

我正在编写一个使用scrollorama.js脚本中的Wipe动画的脚本。 我希望能够在滚动深度中的某些标记上实现video自动播放:即,当video页面擦除了另一个时,现在可以完全查看。 我已经弄清楚如何测量滚动深度,我已成功将其记录在我的控制台中。 我已经弄清楚如何测量我滚动的深度,但也许我很累,我不知道如何让video在滚动深度自动播放。 我希望这是一个法律问题,我可以得到一些帮助。 有没有人在那之前尝试过这个? 这是迄今为止的代码。 enter code here $(document).ready(function(){ $(window).scroll(function(e){ var scrollAmount = $(‘body’).scrollTop(); console.log(scrollAmount); }); var controller = $.superscrollorama(); var pinDur = 800; // create animation timeline for pinned element var pinAnimations = new TimelineLite(); //pinAnimations.append([TweenMax.to($(‘#green’), .5, {css:{top:0}})], .5) pinAnimations.append([TweenMax.to($(‘#intromovie’), .5, {css:{top:0}})], .5 ) pinAnimations.append([TweenMax.to($(‘#red’), .5, {css:{top:0}})], .5) pinAnimations.append([TweenMax.to($(‘#blue’), .5, {css:{top:0}})], .5 […]

根据hover的页面部分的背景更改固定导航栏的类

我正在Bootstrap 4的一个网站上工作,该网站包含浅色和深色背景以及固定导航栏。 导航栏是黑暗的(具有bg-dark的css类),虽然它很容易在光线部分可见,但它与黑暗部分无法区分。 当用户到达黑暗区域时 (我在StackOverflow上建议了解决方案 ),我尝试将导航栏的navbar-dark bg-dark navbar-light bg-light $(window).on(‘activate.bs.scrollspy’, function (e,obj) { if ((window.innerHeight + window.pageYOffset) >= document.body.offsetHeight) { return; } var isBGLight = $(obj.relatedTarget).hasClass(‘bg-light’); $(‘.navbar’).toggleClass(‘navbar-dark bg-dark’, isBGLight) .toggleClass(‘navbar-light bg-light’, !isBGLight); }); .page-section { padding: 70px 10px } .page-section.bg-dark * { color: #fff; } Logo About Us Services Contact Section 1 Try to scroll […]

jQuery – 使用canvas在div之间绘制线条

我有n <div > s,每个都有<h1 >标题和<ul >项目列表。 我想在canvas上浮动它们并从<div id="x" >列表项y到<div id="z" >绘制线条。 我正在使用jQuery UI来使<div > s可拖动。 canvas元素位于页面的下方(文本段落和一些表单元素在它之前)但是如果需要我可以更改它。 [编辑] 我用图表标记了问题,但是让我添加这个链接: Graph_(数学) 🙂