小编Shi*_*tya的帖子

使用JQuery在HTML <select />中保持键值对?

在JQuery中给出一个带有多个选项的select.

$select = $("<select></select>");
$select.append("<option>Jason</option>") //Key = 1
       .append("<option>John</option>") //Key = 32
       .append("<option>Paul</option>") //Key = 423
Run Code Online (Sandbox Code Playgroud)

如何存储和检索密钥?

ID可能是一个好的地方,但如果我有多个select的共享值(和其他场景),则不能保证唯一.

谢谢

并本着TMTOWTDI的精神.

$option = $("<option></option>");
$select = $("<select></select>");
$select.addOption = function(value,text){
    $(this).append($("<option/>").val(value).text(text));
};

$select.append($option.val(1).text("Jason").clone())
       .append("<option value=32>John</option>")
       .append($("<option/>").val(423).text("Paul"))
       .addOption("321","Lenny");
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

8
推荐指数
2
解决办法
1万
查看次数

JQuery&Objects,试图制作一个轻量级的小部件

尝试制作一个make generic选择"控件",我可以动态添加元素,但我无法让函数正常工作.

这就是我的开始.

$select = $("<select></select>");
$select.addOption = function(value,text){
  $(this).append($("<option></option>").val(value).text(text));
};
Run Code Online (Sandbox Code Playgroud)

这种精细单独工作,但随时$select.clone(true)"ED的addOption()功能丧失.

这是我的对象方法,但功能仍然不起作用.

function $selectX() {
  return $("<select></select>");
}

$selectX.prototype.addOption() = function(value,text){
  $(this).append($("<option></option>").val(value).text(text));
};
Run Code Online (Sandbox Code Playgroud)

Hack解决方案是在创建后手动添加该功能:

$nameSelect= new $selectX;
$nameSelect.addOption = function(value,text){
  $(this).append($("<option></option>").val(value).text(text));
};
Run Code Online (Sandbox Code Playgroud)

我吠叫错了树吗?

javascript jquery

8
推荐指数
1
解决办法
383
查看次数

反应组件中的jQuery

我有一个建立反应的网络应用程序.在这个应用程序中,我也有一些页面与旧版本的jQuery代码.现在这是渲染服务器端,我必须ejs用脚本标签中的jQuery和jQuery-UI代码加载整个文件,并使用自己的导航菜单.(差不多1000行的jQuery代码)

这意味着我必须为这些jQuery页面构建另一个nav-menu.

我想在我的"内容div"中渲染这个jQuery依赖代码,所以我仍然可以使用使用react路由器的react菜单.我想把它渲染成一个组件.但我不知道这是否是最佳解决方案.

我已经阅读了很多关于如何做到这一点的例子,但我不知道他们应该选择哪一个,我一直在努力使它们发挥作用

如下例所示:将脚本标记添加到React/JSX此示例在componentWillMount中添加脚本标记

或者使用import和require这样的示例:如何在React/JSX文件中添加脚本标记?

如果不通过npm安装jQuery,我无法使这些解决方案工作.

我还没有通过npm安装jQuery,因为我知道这会影响我的应用程序其余部分的bundle大小,而我只在几个页面上使用jQuery.用户不需要为应用程序的其余部分加载jQuery

在这种情况下你会推荐什么?什么是性能和用户体验的最佳解决方案?

javascript jquery reactjs

8
推荐指数
1
解决办法
2002
查看次数

使用jQuery在页面加载时将字符串添加到url?

我正在尝试在页面加载时将此特定字符串添加到我的URL的末尾:

?aa_campaign = f45632

(http://examplesite.com/test.html)

它用于营销和跟踪.

我试过这个:

if window.location.href.indexOf("http://examplesite.com/test.html") {
  window.location = "http://examplesite.com/test.html?aa_campaign=f45632";
}
Run Code Online (Sandbox Code Playgroud)

直接上升不起作用,但这个想法是我正在寻找的.有什么想法吗?

javascript url jquery

7
推荐指数
1
解决办法
8897
查看次数

jQuery:尝试附加选项以选择标记

嗨,我试图根据输入附加选项来选择标签.但选项不附加.我甚至没有得到错误,所以故障无法理解.

HTML

  <div class="col-lg-5">
      <div class="input-group">
          <label>Select type of Graph</label>    
          <select data-placeholder="Select Field..." id="graph_name" style="width:300px;" name="team_name" class="chosen-select" tabindex="2">

          </select>
      </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$('#field_name').change(function() {
  var fieldname = $('#field_name option:selected').val();
  $.post('<?php echo BASE_URL . 'php/processing/formDashboard/graph/showPossibleGraphs.php?id=' . $_GET['id']; ?>', {fieldname: fieldname}, function(data) {
    $.each(data.graphs, function(index, value) {
      $.each(value, function(index, value) {
        console.log(value.id);
        console.log(value.text);
        var option = '<option value="'+value.id+'">'+value.text+'</option>';
        $('#graph_name').append(option);
      });
    });
  });
});
Run Code Online (Sandbox Code Playgroud)

这是截图 这是我从一个下拉列表中选择选项时的图像,数据来自JSON格式的脚本

这是我从一个下拉列表中选择选项时的图像,数据来自JSON格式的脚本

这是firebug调试屏幕截图,显示数据被追加,但点击它时什么都没有显示

这是firebug调试截图,显示数据被追加,但点击它没有显示任何内容我的样本数据是这样的:

sample data: {
  "status":"OK",
  "response":200,
  "graphs":[[
    {"id":"B","text":"Bar Chart"},
    {"id":"D","text":"Doughnut Chart"},
    {"id":"P","text":"Pie Chart"}
  ]]
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-append jquery-chosen

7
推荐指数
1
解决办法
1万
查看次数

如何使用jQuery或CSS在特定元素之前获取下一个元素

我有一个结构:

<div class="faq-section">

  <h4>1. Wie reserviere ich mir einen Platz, wenn ich einen Gutschein habe?</h4>
  <p>Es gibt für Gutscheinbesitzer 2 Wege um sich einen Platz am Himmel bei uns zu reservieren.</p>
  <ul>
    <li>Sie können sich telefonisch  Mo-Fr 09.00-17.00 Uhr unter <strong>056 667 27 08 </strong>oder</li>
    <li>Sie nutzen unser elektronisches Reservationsformular, welches  Sie <a title="Reservation" href="34-0-Reservation.html"> hier </a>finden.</li>
  </ul>

  <h4>2. Wie lange dauert eine Ballonfahrt?</h4>
  <p>Je nach Angebot das Sie wählen hat eine Ballonfahrt unterschiedliche Dauer in der Luft. Der Ablauf …
Run Code Online (Sandbox Code Playgroud)

css jquery

7
推荐指数
2
解决办法
320
查看次数

JavaScript以不同的方式调用函数

  1. 调用如下函数之间有什么区别/相似之处?
  2. 有这两种方式的目的是什么?
  3. 它们的优缺点是什么?
  4. 有人可以解释这个电话是如何工作的 - > sum(2)(3);?并提到其他常规相当于这个电话?

可以像下面的代码一样创建此调用的sum函数

function sum(x) {
  if (arguments.length == 2) {
    return arguments[0] + arguments[1];
  } else {
    return function(y) { return x + y; };
  }
}

console.log(sum(2,3));   // Outputs 5
console.log(sum(2)(3));  // Outputs 5
Run Code Online (Sandbox Code Playgroud)

html javascript jquery web ecmascript-6

7
推荐指数
1
解决办法
140
查看次数

jquery选择器奇怪 - 这是一个错误还是我做错了?

通过以下测试,我在浏览器中获得了不一致的结果:

============ test.html ===========

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
</head>
<body>
<script>

var xml;



$.ajax({
  type: "GET",
  url: "data.xml",
  success: function(data){
      var node = $("CI:first", data);
      var query1 = $("T TX", node).length;
      var query2 = $("T", node).find("TX").length;


      var msg = '$("T TX", node).length: ' + query1;
      msg += "\n";
      msg += '$("T", node).find("TX").length: ' + query2;
      alert(msg);
  }
});


</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

============ data.xml ===========

<?xml version="1.0" encoding="ISO-8859-2"?>
 <CNs>
   <CI>
     <T>
       <TX></TX> …
Run Code Online (Sandbox Code Playgroud)

jquery

6
推荐指数
1
解决办法
296
查看次数

JQuery在所选事件上自动完成文本框

完成对具有自动完成功能的文本框的选择后,如何触发另一个事件.我想根据所选值显示一个有效的div区域.

jquery autocomplete

6
推荐指数
1
解决办法
1万
查看次数

其URL包含原始换行符的资源请求在jquery中已弃用

有谁知道这个警告指的是什么以及我将如何解决它?

 Resource requests whose URLs contain raw newline characters are deprecated, and may be blocked in M60, around August 2017. Please remove newlines from places like element attribute values in order to continue loading those resources. See https://www.chromestatus.com/features/5735596811091968 for more details.
Run Code Online (Sandbox Code Playgroud)

我正在进行上述描述 console

我试图在$.getJSON方法中使用传递URL .我在警告框中获取URL但它不能进入​​控制器类.

我的代码在这里:

function LoginSucessInfo( result )
{       
    var id = "6546767576657";       
    url =  "/logindetails?id="+id+"&result="+result;
    alert(url);
    $.getJSON(url, function(data1){
        alert("--");
    });     
}
Run Code Online (Sandbox Code Playgroud)

我的代码有什么问题?

jquery

6
推荐指数
1
解决办法
1万
查看次数