主页 / 问题

问题[jquery]

Martin Hope
Александр
Asked: 2025-03-04 16:52:36 +0000 UTC
  • 5

尝试使用 jQuery 创建一副纸牌。该方法的本质是浏览一系列可用的卡片并按颜色掌握。甲板已插入，但它们都是蓝色的。这是为什么？

    cards = ['2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K', 'A']
    suits = ['black', 'red', 'green', 'blue']
    $(function gf() {
        for(i = 0; i < 13; i++) {
            for(j = 0; j < 4; j++) {
                $('.deck').append(cards[i]).css('color', suits[j])
            }
        }
    })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="deck"></div>

jquery
Martin Hope
user615708
Asked: 2024-10-11 17:17:30 +0000 UTC
  • 5

有一个脚本使用搜索从复杂的 Json 树中选择数据。但只有一个搜索选项进入最终的new_arr数组。例如，在 JSON 字符串中，我有两个具有不同链接的测试元素 - /page和/hello，但生成的数组new_arr只有一个通过链接/page找到的元素。如何确保所有找到的元素最终都在new_arr中？

var treeData='[{"text":"Review","href":"\/","icon":"","target":"_self","page":""},{"text":"Methods","href":"","icon":"","target":"_self","page":"","children":[{"text":"test","href":"/page","icon":"","target":"_self","page":""}]},{"text":"test","href":"/hello","icon":"","target":"_self","page":""}]';

let TREE_DATA = $.parseJSON(treeData);
const findObj = (arr, idToFind) => {
  for (const item of arr) {
    if (item.text.search(new RegExp(idToFind)) != -1) return item;
    if (item.children) {
      const recursiveResult = findObj(item.children, idToFind);
      if (recursiveResult) return recursiveResult;
    }
  }
};

$(document).on('input', '#search_methods', function(e) {
    var text = $(this).val();
    var new_arr = [];
    var cString = findObj(TREE_DATA, text);
    new_arr.push(cString);
    console.log(new_arr);
    
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<form class="nosubmit">
<input class="nosubmit form-control mb-3" id="search_methods" type="text" placeholder="Search...">
</form>

jquery
Martin Hope
Anatoly Dekhtyar
Asked: 2024-04-24 16:13:47 +0000 UTC
  • 5

我做了一个自动滚动的div。现在的任务是，如果光标悬停在某个块上，如何暂停此滚动，如果光标被移除，则如何从同一位置继续。帮助我们实现我们的计划。

$(document).ready(function(){

    $(document).ready(function() {
        var div = $('#vipLentaBox');
        div.animate({ scrollTop: div.prop("scrollHeight")}, 30000); // 1000 мс для создания эффекта плавного перемещения к содержимому div
    });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div style="overflow-y: scroll; max-height: 400px;" id="vipLentaBox">

    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>
    <div style="border:1px solid #CCC;padding:20px 10px;">Block content</div>

</div>

jquery
Martin Hope
Max
Asked: 2023-12-01 04:04:52 +0000 UTC
  • 2

有一个代码

var name = this;
var name = $(this).attr("href");
<div class="menu">
  <a href="#main" class="clickmenu">
    <span class="material-icons">home</span>
    <h4>Главная</h4>
  </a>
  <a href="#home" class="active clickmenu">
    <span class="material-icons">cottage</span>
    <h4>Дом</h4>
  </a>
</div>

main变量包含#main形式的文本，点击时需要接收变量中h4标签的内容，不明白怎么写正确。谢谢你！

jquery