小编Shi_tya的帖子

React JavaScript是否支持jQuery？

我正在尝试在React Js中使用jQuery,但它显示了这一点"$" is undefined.我需要安装一些软件包,还是React不支持jQuery.

javascript jquery reactjs

2
推荐指数

1
解决办法

276
查看次数

jQuery无法在属性选择器中的空格后读取单词

这是Carto中下拉搜索菜单/过滤器的脚本.这个脚本似乎工作正常,直到设置sql查询.只要其中一个属性名称中有空格,脚本只会查找第一个单词,因此数据库中没有匹配项.像"San Deigo"只会返回"San".变量"input"的值只是第一个单词.如果属性没有空格,则脚本可以正常工作.

这可能是选择的问题还是有其他错误？

<!DOCTYPE html>
<html>
  <head>
    <title>Searchbox + Dropdown menu + Zoom + CARTO.js</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" href="https://cartodb.com/assets/favicon.ico" />

    <link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
    <script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js"></script> 

    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

    <style>
      html, body, #map {
        height: 100%;
        padding: 0;
        margin: 0;
      }
      #wraper-city-selector {
        position: absolute;
        top: 20px;
        left: 20px;
      }
      .js-city-selector {
        width: 175px;
      }

    </style>

  </head>
  <body>

    <!-- map div -->
    <div id="map"></div>

    <!-- selector div --> …

Run Code Online (Sandbox Code Playgroud)

html javascript jquery jquery-select2

2
推荐指数

1
解决办法

475
查看次数

jQuery滚动事件每个滚动一次

我有一些jQuery代码来检查我是否滚动到窗口的底部.

$(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
        appendToGrid();
    }
})

Run Code Online (Sandbox Code Playgroud)

我的appendToGrid()函数将用户滚动到页面顶部并添加内容.问题是,我需要每个滚动调用一次这个函数.就像我现在一样,它每次滚动被调用多次.

如果我改成它

$(window).one('scroll',function() {
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
        appendToGrid();
    }
});

Run Code Online (Sandbox Code Playgroud)

它只会触发一次,但我需要它每次滚动一次,所以用户可以滚动到底部并继续发送回页面顶部.

我也尝试过以下但它仍然会多次发射.

var fired = false;
$(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() == $(document).height() && !fired) {
        fired = true;
        appendToGrid();
        fired = false;
    }
})

Run Code Online (Sandbox Code Playgroud)

javascript jquery scroll

2
推荐指数

2
解决办法

2089
查看次数

如何在 jQuery Datable（服务器端）中格式化日期时间列

我正在实现 jQuery 服务器端数据表。我有 1 个日期列和 2 个日期时间列。所有 3 个都以错误的格式显示在数据表上。

收货日期：/Date(1373947200000)/ (Date)

创建日期：/Date(1374845903000)/ (Datetime)

更新日期：/Date(1374845903000)/ (Datetime)

如何以正确的格式显示？

.cshtml

<table id="disparityForm" class="ui celled table" style="width:100%">
    <thead>
        <tr>
            <th>Status</th>
            <th>Received Date</th>
            <th>Member ID</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Created User</th>
            <th>Created Date</th>
            <th>Updated User</th>
            <th>Updated Date</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Status</th>
            <th>Received Date</th>
            <th>Member ID</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Created User</th>
            <th>Created Date</th>
            <th>Updated User</th>
            <th>Updated Date</th>
        </tr>
    </tfoot>
</table>

<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css" rel="stylesheet" />
<link href="~/Content/DataTables/media/css/dataTables.semanticui.min.css" rel="stylesheet" />

@section scripts{
    <script src="~/Scripts/DataTables/media/js/jquery.dataTables.min.js"></script>
    <script src="~/Scripts/DataTables/media/js/dataTables.semanticui.min.js"></script> …

Run Code Online (Sandbox Code Playgroud)

javascript asp.net-mvc datatable jquery datatables

2
推荐指数

1
解决办法

6163
查看次数

固定 div 滚动时隐藏在其他 div 后面

我将这个 div 设置为两个小标志来选择页面的语言。它们固定（粘性）在屏幕的右上角。问题是当我滚动时，因为它们隐藏在其他元素（例如图像或背景颜色）后面。如何让他们不再隐藏？我尝试将父类设置为“导航栏”并且以某种方式起作用，但是当屏幕缩小时元素会收起来。

#flags {
  position: fixed;  	
}

Run Code Online (Sandbox Code Playgroud)

<div style=" float: right; width: 100px; margin-top: 60px;">
  <div id="flags">
    <span>
      <a href="default.html">
        <img  id="uk" src="images/uk.png">
    </span></a>
    <span><a href="default_ita.html">
      <img  id="uk" src="images/italy.png">
    </span></a>
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)

html css css-position sticky twitter-bootstrap

2
推荐指数

1
解决办法

3855
查看次数

如何在React中的材质表中应用自定义CSS？

您好，我正在尝试在材质表上应用自定义 CSS，但它无法正常工作。我尝试在 Material UI 中使用 makeStyles 函数来做到这一点，但仍然不起作用。我想要排序箭头就在文本后面。现在排序箭头位于文本左侧。我还希望将向上箭头和向下箭头放在一起。我创建了一个函数 -

const useStylesTableSort = makeStyles({
  root: {
    flexDirection: "unset",
  },
});

Run Code Online (Sandbox Code Playgroud)

这是我的材料表代码 -

<MaterialTable
  className={{useStylesTableSort.root}}
  style={{ flexDirection: "unset" }}
  title=""
/>

Run Code Online (Sandbox Code Playgroud)

我想在材质表中使用 className 添加此函数，但材质表不支持 className。样式标签也不起作用。那么我怎样才能做到这一点呢？我想更改 MuiTableSortLabel 的根 css。任何帮助，将不胜感激。

reactjs material-ui material-table

2
推荐指数

1
解决办法

6572
查看次数

jquery函数传递参数

var abc = '5';
$('#test').click(meraFunc(abc));
function meraFunc(abc)
{
  alert(abc);
}

Run Code Online (Sandbox Code Playgroud)

javascript - >

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" id="test" value="testMe">

Run Code Online (Sandbox Code Playgroud)

当我加载页面时,警告弹出显示'5'[我还没有点击按钮].当我点击按钮时,没有任何反应.这是在jQuery中传递参数的正确方法吗？

1
推荐指数

2
解决办法

1万
查看次数

NodeJS Http发布JSON数据

如何通过NodeJS上的Http Post正确发送JSON数据？我已经检查过我发送的数据肯定是JSON,但每当我尝试发送http帖子时,都会收到错误.我不能确切地看到错误,因为它从终端返回,即使我输出,它太乱了,格式不正确

var options = {
  hostname: 'www.postcatcher.in',
  port: 80,
  path: '/catchers/5531b7faacde130300002495',
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  }
};
var req = http.request(options, function(res) {
  console.log('Status: ' + res.statusCode);
  console.log('Headers: ' + JSON.stringify(res.headers));
  res.setEncoding('utf8');
  res.on('data', function (body) {
    console.log('Body: ' + body);
    fs.writeFile("/var/www/node/test.txt", body, function(err) {
      if(err) {
        return console.log(err);
      }
      console.log("The file was saved!");
    }); 
  });
});
req.on('error', function(e) {
  console.log('problem with request: ' + e.message);
});
// write data to request body
req.write('{"string": result}');  ///RESULT HERE IS …

Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery json node.js

1
推荐指数

1
解决办法

2万
查看次数

li 的单击功能在 jQuery 中不起作用

在我的HTML“我有”中ol，这li是我HTML 的，我有这些链接的脚本，就像当我单击它时，我会保持警报以检查它是否不起作用

$('#namesId ol li').click(function() {
  alert('clicked');
  //ToDo
});

Run Code Online (Sandbox Code Playgroud)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="col-sm-4" id="namesId" style="padding:0px">
  <ol style="padding-left: 10px;">
    <li class="v"><a href="">Funny 10 second video! - YouTube (360p)</a></li>
  </ol>
</div>

Run Code Online (Sandbox Code Playgroud)

单击功能 id 不起作用，这是什么问题。

html javascript jquery

1
推荐指数

1
解决办法

779
查看次数

jQuery 中没有“确定”按钮的警报框

如何在没有“确定”按钮的情况下显示警报框并在 2 秒后关闭

setTimeout(function() { 
  alert("$premium$");
}, 1);

Run Code Online (Sandbox Code Playgroud)

javascript jquery

1
推荐指数

1
解决办法

2万
查看次数

标签统计

html ×3

ajax ×1

asp.net-mvc ×1

css ×1

css-position ×1

jquery-select2 ×1

json ×1

material-table ×1

material-ui ×1

twitter-bootstrap ×1

«
1
…
7
8
9
10
11
»