使用jQuery添加输入字段

我对jQuery很陌生,所以仍然试着把它包围起来。 我正在创建一个管理员面板,管理员可以插入一些问题。 由于它不是固定金额,管理员应该能够添加或删除额外的输入字段,因此管理员可以选择所需的金额问题。 这是它的图形显示方式: 这是代码: span类保存图像,因此add-new输入只是另一个webfont。 我怎样才能使这个工作,所以我可以添加无限量的输入字段? 我应该确保如果只有一个输入我只能添加,而不是删除那个。 所有帮助表示赞赏!

Flexslider中每张幻灯片的不同下一个和上一个文本

我使用wordpress自定义post创建了一个flexslider。 我总共有6个post,6个幻灯片从这些post的内容中提取出来。 我需要将“下一个”和“上一个”的文本更改为幻灯片中下一个和上一个post的标题。 这是我目前使用的jQuery代码: $(‘#ethosBotSection’).flexslider({ animation: “slide”, slideToStart: 0, useCSS: false, controlNav: true, directionNav: false, slideshow: false, manualControls: ‘.ethosNav li’, start: function(slider) { $(‘.ethosNav li’).click(function() { $(‘.flexslider’).show(); var slideTo = $(this).attr(“rel”) var slideToInt = parseInt(slideTo) if (slider.currentSlide != slideToInt) { slider.flexAnimate(slideToInt) } }); } }); 感谢和问候

Fancybox无法正常工作

如何修复fancybox中的这个问题? Uncaught TypeError: Object # has no method ‘fancybox’ localhost/:74 (anonymous function) http://localhost/:74 o.extend.ready.o.readyList jquery.min.js:19 o.extend.each jquery.min.js:12 o.extend.ready jquery.min.js:19 o.each.o.fn.(anonymous function) 这是header.php中的代码我不知道哪里可以出问题! 我尝试使用simplemodal但不工作! 也许是tablider的问题! 我做了fancybox网站上写的所有内容。 $(function(){ $(‘.slide-out-div’).tabSlideOut({ tabHandle: ‘.handle’, pathToTabImage: ‘img/handle-bg.png’, imageHeight: ‘186px’, imageWidth: ’30px’, tabLocation: ‘left’, speed: 300, action: ‘click’, topPos: ‘150px’, leftPos: ’20px’, fixedPosition: false }); }); $(function(){ $(‘.add_site_right’).tabSlideOut({ tabHandle: ‘.handle_right’, pathToTabImage: ‘img/handle-bg.png’, […]

jQuery禁用表单来validation数据

我试图在提交到服务器之前禁用登录表单以快速validation用户数据。 我目前的代码工作得很好; 但我现在面临的问题是,我需要点击提交按钮2次才能提交表格。 我目前的代码是: $(‘#login-submit’).click(function() { var nameId = ‘#’ + $(this).attr(‘name’); // Form name submitForm(nameId); }); function submitForm(nameId) { var formId = nameId + ‘-form’; // Form id var email = nameId + ‘-email’; // Email var pwd = nameId + ‘-pwd’; // Password var btn = nameId + ‘-submit’; // Submit button $(formId).submit(function() […]

DotNetNuke Jquery在模块中不起作用

我有一个在普通网页上工作正常的JQuery文件,但在DNN内部不起作用。 DNN在Host设置中指向最新版本的JQuery我有一个名为news的容器(news.css,news.ascx)和一个名为newsdata.ascx的容器。 我在模块中有这个代码来启动JQuery文件: $(function() { $(“#controller”).jFlow({ slides: “#slides”, width: “277px”, height: “150px”, duration: 250 }); }); 但没有任何反应。 我将代码放在正确的位置吗? 谢谢

如何自动添加文本框

我有这8个文本框,但当我开始认为它在我的页面上非常混乱。 所以,我在想如何实现一个按钮,当用户点击它时可以添加文本框。 这里有没有人有想法或解决方案来帮助我? 我很感激。 谢谢。

jQuery动画当前列表项

这是代码: http : //jsfiddle.net/hQnXm/7/ 所以基本上我需要在hover时,它应该只动画那个项目图像。 目前,它全局动画所有li图像。

使用jquery clone()在输入字段中生成一类新的bootstarp Tokenfield

去 http://jsfiddle.net/rns3hang/450/ 新克隆的输入字段中的TokenField正在工作,但问题是它是否在输入字段中 我只想要一个带有一些预定义/常量标签的输入字段 ,并且还能够添加新的令牌或标签值 Insert Diet Breakfast Pre Lunch Lunch ` – Add Save Jquery代码 $(document).ready(function(){ $(‘.skill’).tokenfield({ autocomplete:{ source: [‘Food1′,’Food2′,’Food3′,’Food4′,’Food5′,’CSS’,’Laravel’,’CakePHP’], delay:100 }, showAutocompleteOnFocus: true }); var count = 1; var $table; $table=$(‘#crud_table tbody’); var $existRow=$table.find(‘tr’).eq(1); /* bind to existing elements on page load*/ bindAutoComplete($existRow); $(‘#add’).click(function(){ //$(“#crud_table tbody tr.tableinputs:last”).clone().appendTo(“#crud_table tbody”); var $row=$(“#crud_table tbody tr.tableinputs:last”).clone(); var […]

在Javascript中正确格式化JSON数组

我正在写一个简单的删除function。 此函数删除PHP正在输出的列表中的条目。 这是发生的事情: javascript选中此列表中的复选框并获取其ID 1,2,3etc。 使用JSON.stringify将创建的数组转换为JSON PHP获取POST并使用json_decode()对其进行解码(此操作失败) $(document).ready(function(){ $(‘.action_trash’).on(‘click’, function(){ //Select items to trash var TrashItems = []; $(‘input:checked’).each(function() { TrashItems.push($(this).attr(“id”)); }); //Convert to JSON var TrashJSON = JSON.stringify(TrashItems); alert (TrashJSON); $.ajax({ type: “POST”, url: “pages/forms_intake/actions/trash/model_trash.php”, data: {TrashItems:TrashItems}, cache: false, success: function(){ // do stuff to remove trashed elements from list. } }); }); }); […]

基础5 – 使用JQuery改变下拉方向,适用于中小屏幕

我已经实现了一个左手菜单,其中包含多个向下对齐的下拉菜单,因此它就像一个飞出菜单。 在大屏幕上,这很好用。 在一个小屏幕上,Foundation会自动更改下拉列表以对齐底部,这也可以正常工作。 但是,在中等屏幕即平板电脑上,下拉列表仍然会尝试向右对齐,但大部分都在屏幕外,无法选择。 因此,我希望它能让下拉菜单在中小屏幕上自动对齐到底部。 我怎么能用JQuery做到这一点? Components Accessories for tower cases Cooling 我试过以下bt没有任何反应: $(“.side-nav”).data(‘options’, “is_hover:true;align:bottom;”);