Tag: jquery

Bootstrap 4将数据传递给远程模式

我正在使用NodeJs和Express。 我需要将数据库中的一些数据（MongoDB）传递到Bootstrap 4中的远程模式。我知道Bootstrap在v4中删除了“remote”选项，但是我需要在不同的文件中有不同的内容。 现在，我可以从数据库发送数据，用远程内容打开模式，但是这个远程内容还没有收到来自数据库的数据。 这是我的代码： 触发button： <a id="btn1" data-remote="myContent.ejs" data-foo="<%=some.data1%>" data-fighter="<%=some.data2%>" data-toggle="modal" data-target="#Modal1">Click me!</a> 模式（在同一个文件中）： <div class="modal fade" id="Modal1" role="dialog"> <div class="modal-dialog"> <!– Modal content–> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4>My Modal</h4> </div> <div class="modal-body" id="modalR"> <!–REMOTE CONTENT GOES HERE–> <script type="text/javascript" charset="utf-8"></script> </div> <div class="modal-footer"> <div class="form-group col-md-offset-9"> <button type="submit" class="btn […]

$ scope.myObjectVariable值设置为input属性值

晚上好， 我正在写一个使用AngularJS的应用程序，我需要应用程序通过POST请求向nodejs服务器发送数据。 我的数据结构像一个JSON对象，它具有数据绑定感谢AngularJS框架。 到目前为止，一个函数正在dynamic地尝试创build用户可能喜欢的某些input标签内的可能值。 一个例子： <button ng-click="generateFoodAndBeverages(row)>Generate</button> <input type="text" ng-model="row.service.day.beverage" placeholder="beverage" /> <input type="text" ng-model="row.service.day.food" placeholder="food" /> 这两个input值可以由用户通过键入他们想要的值来设置（ 例如“可乐”，“汉堡” ），但是在input标签上方是可以为用户生成input值的button。 生成这些值的函数从一个数组中获取它们，然后在该函数的结尾返回两个可能的值，一个用于饮料，一个用于食物。 当它有两个返回值时，它改变两个input的属性值，将它们设置为函数产生的两种可能性： jQuery("#input1").attr("value", generateFoodAndBeverages(row)[0]); jQuery("#input2").attr("value", generateFoodAndBeverages(row)[1]); 这不是完美也不高雅，但它的工作。 每次用户请求自动生成食品和饮料时，该函数都会填充并dynamic更改这两个input元素的值属性，以便实际设置值并确实存在。 即使如此，即使我在屏幕上将它们看作是input字段中的文本，我的POST请求也不能识别ng-model实际改变的事实。 ng-model将更改注册到input字段的value属性的唯一方法是如果用户使用键盘input内容，则手动更改value属性。 另一个例子： <input type="text" value="generateValue()" ng-model="row.service.info" /> 这里的一个不会改变ng模型的值。 <input type="text" value="User Typed Value" ng-model="row.service.info" /> 这另外一个改变了ng-model的值，当它改变和存在时，它被传递给$ scope，稍后可以作为POST请求发送到服务器。 关于为什么input字段的“自动和dynamic生成”值为什么没有被ng-model注册，而用户types的值呢？ 提前致谢！ [编辑] 显然这个问题伴随着ng-model不变。 我试图通过在input中应用ng-change来debugging问题。 如果更改是通过javascript完成的，它没有注册到ng-model ，并且ng-change函数不会被触发，因为ng-model没有被改变，即使我可以清楚地看到由javascript设置的新值标签。 如果我手动ng-changeinput标签的值，则会触发ng-change并且控制台logging更改。 如果每行都没有那么不同，我可以直接将这些更改应用到ng-model […]

更改Ext.js TreePanelcheckbox元素

我有像这样的Ext.js的基本的treepanelcheckbox的例子： Ext.onReady(function(){ var tree = new Ext.tree.TreePanel({ renderTo:'tree-div', title: 'My Task List', height: 300, width: 400, useArrows:true, autoScroll:true, animate:true, enableDD:true, containerScroll: true, rootVisible: false, frame: true, root: { nodeType: 'async' }, // auto create TreeLoader dataUrl: 'check-nodes.json', listeners: { 'checkchange': function(node, checked){ if(checked){ node.getUI().addClass('complete'); }else{ node.getUI().removeClass('complete'); } } }, buttons: [{ text: 'Get Completed Tasks', […]

javascript onclick事件在数据表中打开模型

我正在使用数据表格显示在网格中的值，我实现了单击事件的JavaScript来打开模式，而且这种模式显示单击行中的所有值。 现在，无论我点击模式打开的表格行。 现在我想阻止它，它应该打开某一列的onclicking。 我的代码是这样的 (function() { if (window.addEventListener) { window.addEventListener('load', run, false); } else if (window.attachEvent) { window.attachEvent('onload', run); } function run() { var t = document.getElementById('myTable'); t.onclick = function(event) { $('#modal2').modal(); event = event || window.event; //IE8 var target = event.target || event.srcElement; while (target && target.nodeName != 'TR') { // find TR target […]

连接到API与后端呈现的WebApp之间的区别

有时当我创build基本的Web工具时，我将从一个nodeJS后端开始，通常使用ExpressJS创build一个API服务器。 当某些路由命中时，服务器通过使用连接的实时状态呈现来自EJS的HTML来作出响应，然后将其发送到浏览器。 这个应用程序通常会公开一个公共静态资源的目录，并将提供这些资源。 我想这会造成这种forms的Web应用程序的大量开销，但我不确定。 其他时候，我将从一个API开始（这可能是完全相同的nodeJS结构，没有HTML呈现，只是状态pipe理和API的暴露），我会build立一个Angular2或其他HTML网页，将连接到API，加载加载信息，并填充页面中的数据。 这些页面往往依赖于大量的AJAX调用和jQuery，以便在一堆asynchronouscallback触发后刷新angular度组件。 在这个结构中，我将使用像Apache这样的Web服务器来提供所有文件并定义路由，而网页中的JS将完成剩下的工作。 两者的整体优势和劣势是什么？ 为什么我应该使用一种策略呢？ 他们都是可行的，并依赖于规模和使用？ 我想用负载平衡器进行水平缩放可以适用于这两种情况。

如何提交表单而不知道buttonID /类或表单ID /类？

嗨，我有一个单一的页面中有多个不同的forms每个这是从后端得到不同的productId，每个窗体有2个button一个添加产品一个删除产品。 如果他们点击“+”button，它必须在JavaScript中的“如果”条件，如果他们点击“ – ”button，它必须在JavaScript的“其他”条件 这是我的HTML <form> <input type="hidden" class="form-control" name="productCatalogId" value="<%= data.productDetails[i].productCatalogId %>"> <input type="hidden" class="form-control" name="productquantity" value="<%= data.productDetails[i].productQuantity %>"> <button type="button" value="addition" class="btn btn-primary btn-sm">+</button> <h4> <%= data.productDetails[i].productQuantity %> </h4> <button type="button" value="substraction" class="btn btn-primary btn-sm">- </button> </form> 像这样我有一些forms！ 和我的JavaScript $(':button').click(function(e) { e.preventDefault(); var updateOrder = $(this.form).serializeArray(); dataObj = {}; $(updateOrder).each(function(i, field) { dataObj[field.name] […]

如何更新附加div的数量

我正在构build一个套接字聊天程序，每次有人join聊天室时，都会增加显示用户数量的徽章。 下面的代码是将新用户的名称添加到用户列表的function。 新的名字被添加为id =“elementInPeople。我的问题是徽章只显示1，即使多个用户已经进入聊天。任何build议如何我可以解决这个问题？ socket.on("update-people", function(people){ $("#people").empty(); $.each(people, function(clientid, name) { $people.append('<div id="elementInPeople">' + name + '</div>'); var np = $("#elementInPeople").length; $("#numberOfPeopleOnline").text(np); }); }); 服务器端： socket.on("connection", function(client) { client.on("join", function(name){ console.log("Someone joined the chat"); people[client.id] = name; client.emit("updateToSelf", "You have connected to the server. Join or create room to chat"); socket.sockets.emit("update-people", people); client.broadcast.emit('updateToOthers', name + […]

JQuery和jade从Nodejs读取渲染数据

我正在使用Jade框架作为前端Nodejs＆后端expression 所以当我使用数据呈现视图时，我无法使用JQuery访问这些数据 低于我的服务Nodejs呈现与简单的数据= X视图 router.get('/test',function (req,res,next) { res.render('test',{data : 'x'}); }); 所以testing页面将显示没有任何问题，所要做的是使用Jquery方法读取呈现的数据 footer .pull-right | Gentelella – Bootstrap Admin Template by a(href='https://colorlib.com') Colorlib .clearfix // /footer content // jQuery script(src='/vendors/jquery/dist/jquery.min.js') alert(data) // no alert or action happen 但是说错误（数据的未知variables） 而且，我可以从玉石本身读到它 有什么build议么？ 谢谢

使用Slick（jQuery插件）和Angular

我已经在Angular的节点环境中创build了一个网站作为我的前端。 我试图得到一个jQuery插件的工作，但它似乎只能在Chrome（而不是FireFox，Safari或移动设备）上工作。 现在，我已经读过，与Angular一起使用jQuery插件需要一个不同的方法。 我怎样才能做到这一点？ 我有这个插件从我的外部scripts.js文件激活。 这是我希望使用的插件： $('.usps-slider .sliding').slick({ autoplay: true, centerMode: true, arrows: false, responsive: [ { breakpoint: 810, settings: { slidesToScroll: 1, centerPadding: 100, slidesToShow: 1, infinite: true } } ] });

从forEach循环jQuery请求variables

我正在尝试在节点上做一个多项select问卷。 我有一个forEach循环打印问题和答案领域的forms。 问题是我无法在我的jQuery文件中进行正确的variables比较。 在EJS中使用forEach循环并在jQuery文件中检查它。 jQuery文件： $(document).ready(function(){ $('.bcheck').click(function(){ var on = 1; var ans = $(this).attr('realanswer'); var theirAns = $("input[placeholder=Answer]").val(); console.log(ans); if(ans == theirAns){ //DO SOMETHING } }); }); var theirAns = $("input[placeholder=Answer]").val(); 保持迭代中的第一个元素。 我可以使用这个函数来获取不是我点击的项目元素的值吗？ EJS文件的HTML： <% topic.questions.forEach(function(question){ %> <% if(question.difficulty == 10){ %> <form action="/lesson/<%= lesson._id %>/topic/<%= topic._id %>/course/<%= question._id %>/quest?_method=PUT" method="POST"> <div class="quest_info questionf"> […]