zeni1agent's questions

我的代码

import os
path = os.path.dirname(os.path.abspath(__file__))
lst = os.listdir(path2)
lst.sort()


for filename in lst:
     print(filename)

我正在尝试按名称获取所有图片的列表，而不是

0 (1).png 0 (2).png 0 (3).png 0 (4).png 0 (5).png

0 (1).png 0 (10).png 0 (100).png 0 (101).png 0 (102).png

如何将来自另一个脚本的信息添加到列表中？对不起，如果这是一个愚蠢的问题，但我在互联网上找不到答案。但是如何在另一个脚本中运行 new MyInfo("name1")

File1Scr

public class MyInfo
{
    string Name;
    
    public MyInfo(string name)
    {
        Name = name;
    }
    
}



// Работает
list.Add(new MyInfo("name1"));

File2Scr

File1Scr MyInfo;


// Не работает
list.Add(new MyInfo("name1"));

Unity给我发短信

'MyInfo' 不包含带 1 个参数的构造函数

我需要得到

class BoldBlot extends Inline {}

或者

class BoldBlot extends Inline {
    static create(value) {
        let node = super.create();
        node.setAttribute('url', value);
        return node;
    }
    
    static formats(node) {
            return node.getAttribute('url');
    }
    
}

但问题是如果我把 if 放在里面，class BoldBlot 它看不到 static ，如果我把它放在外面，class BoldBlot 它看不到自己BoldBlot

那我该怎么做呢？

我想做一个平滑的下拉列表

我做了这个选项

.menu {
  padding: 0px;
  display: block;
}

.menu>li {
  margin: 0px;
  position: static;
}

.menu a {
  display: block;
  transition: 1s;
  color: blue;
}

.menu li {
  padding: 3px;
  max-height: 13px;
  overflow: hidden;
  background: #ff000059;
}

.menu ul {
  margin: 0px;
  padding: 0px;
  max-height: 0px;
  overflow: hidden;
  transition: 1s;
}

.menu li:hover {
  transition: 1s;
  max-height: 1000px;
}

.menu>li:hover {
  transition: 1s;
}

.menu li:hover ul {
  transition: 1s;
  max-height: 1000px;
}

.menu .test {
  padding: 10px;
  font-size: 30px;
}

<ul class="menu">
  <li><a href="#">position</a>
    <ul>
      <li><a href="#">top</a></li>
      <li><a href="#">left</a></li>
      <li><a href="#">down</a></li>
      <li><a href="#">right</a></li>
    </ul>
  </li>
  <li><a href="#">Object</a>
    <ul>
      <li class='test'><a href="#">Car</a>
        <ul>
          <li><a href="#">red</a></li>
          <li><a href="#">blue</a></li>
          <li><a href="#">black</a></li>
          <li><a href="#">yellow</a></li>
        </ul>
      </li>
      <li><a href="#">Windows</a>
        <ul>
          <li><a href="#">red</a></li>
          <li><a href="#">blue</a></li>
          <li><a href="#">black</a></li>
          <li><a href="#">yellow</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

但是，问题是我经常需要选择所需的max-height。如果块的高度不同，这尤其困难。

如何制作平滑的下拉列表？它会支持不同高度的块并在任何嵌套程度下工作。

最好是带有最少 JS 的简单版本。

有一个代码可以无休止地为图像设置动画

const svg = document.getElementById('svg-element')
const warp = new Warp(svg)

warp.interpolate(4)
warp.transform(([ x, y ]) => [ x, y, y ])

let offset = 0
function animate()
{
    warp.transform(([ x, y, oy ]) => [ x, oy + 4 * Math.sin(x / 16 + offset), oy ])
    offset += 0.1
    requestAnimationFrame(animate)
}

animate()

#svg-element {
    margin: 20px;
    overflow: visible;
    width: 300px;
    height: auto;
}

<script src="https://cdn.jsdelivr.net/npm/warpjs@1.0.8/dist/warp.js"></script>
<svg id="svg-element" viewBox="0 0 303 251">
    <circle cx="88.784" cy="141.382" r="88.784" style="fill: #00fbd1; mix-blend-mode: multiply;"/>
    <path d="M278.078,26.195l-161.04,-26.195l-26.195,161.04l161.04,26.195l26.195,-161.04Z" style="fill: #d867ff; mix-blend-mode: multiply;"/>
    <path d="M170.608,63.772l131.392,155.722l-213.216,30.874l81.824,-186.596Z" style="fill: #fffa2a; mix-blend-mode: multiply;"/>
</svg>

我想创建运行代码、暂停代码和重置动画的命令。

或多或少是这样的：

const svg = document.getElementById('svg-element')
const warp = new Warp(svg)

warp.interpolate(4)
warp.transform(([ x, y ]) => [ x, y, y ])

let offset = 0
var requestId = undefined;

function start(ani) {
    if (!requestId) {
       requestId = window.requestAnimationFrame(ani);
    }
}
function pause(ani) {
    if (requestId) {
       window.cancelAnimationFrame(ani);
       requestId = undefined;
    }
}
function stop() {
  offset = 0
}

function animate(){
  warp.transform(([ x, y, oy ]) => [ x, oy + 4 * Math.sin(x / 16 + offset), oy ])
  offset += 0.1
  self.start = start(animate)
  self.pause = pause(animate)
  self.stop = stop()
}
animate.start

如果会有多个动画，我怎样才能做得更好？
为每个编写停止、启动等函数start_animation_1()是没有意义的，调用也是没有意义的。

我有 x 和 y 坐标我需要创建一个这样的函数

function fun(degrees, distance) { 
var x1 = distance * Math.cos(degrees); 
var y1 = distance * Math.sin(degrees);   
var arr = [x1, y1];
return arr;
}
alert (fun(90, 5)) ;

其中如果 X 和 Y 为 0

然后值

度数 = 0 距离 = 5 将是 X=0 Y=5

度数 = 90 距离=5 将是 X=5 Y=0

度数 = 180 距离=5 将是 X=0 Y=-5

度数 = 270 距离=5 将是 X=-5 Y=0

度数 = 360 距离=5 将是 X=0 Y=5

但我不知道如何得到它，尤其是当

度数 = 100 距离 = 5 将等于 X=?? Y=??

我有三个包含对象的多维数组和 4 个数组重新计算函数。

function fun_1(val_1,val_2,val_3){
return val_1 + val_2 - val_3
}

function fun_2(val_1,val_2,val_3){
return val_1 + val_2 + val_3
}


function fun_3(val_1,val_2,val_3){
return val_1 - val_2 + val_3
}


function fun_4(val_1,val_2,val_3){
return val_1 - val_2 - val_3
}





arr_1 =[
  { x: 20, y: 20, moveTo: true },
  { x: 70, y: 20 },
  { x: 70, y: 40 },
  { curve: {type: "cubic", x1:10, y1:20, x2:30, y2:5},
    x: 3,
    y: 4
  },

  { x: 90, y: 30 },
  { x: 50, y: 30 },
  { x: 50, y: 50 },
  {
    curve: {type: "cubic", x1:50, y1:20, x2:10, y2:4},
    x: 45,
    y: 40
  },
  { x: 40, y: 30 },
  { x: 20, y: 20 }
];






arr_2 =[
  { x: 11, y: 65, moveTo: true },
  { x: 44, y: 43 },
  { x: 70, y: 33 },
  { x: 31, y: 2 },
  { curve: {type: "cubic", x1:10, y1:20, x2:30, y2:5},
      x: 3,
    y: 4
  },
  { x: 530, y: 30 },
  { x: 2, y: 150 },


  { x: 253, y: 233 },
  { x: 212, y: 545 },
  {
      curve: {type: "cubic", x1:50, y1:20, x2:10, y2:4},
    x: 45,
    y: 40
  }
];




arr_3 = [
  { x: 54, y: 123, moveTo: true },
  { x: 44, y: 41 },
  { x: 56, y: 14 },
  { x: 7, y: 2 },

  { x: 11, y: 2 },
  { 
  curve: {type: "cubic", x1:1, y1:4, x2:5, y2:66},
  x: 33,
  y: 11

  },
  { x: 55, y: 33 },


  { x: 66, y: 77 },
  { x: 334, y: 211 },
  {
      curve: {type: "cubic", x1:7, y1:20, x2:5, y2:4},
    x: 45,
    y: 13
  }
];

我需要重新计算整个数组，然后用新数据创建一个数组。

我试着这样做

result = []


var type = 1;


$.each(arr_1, function( index, val_1 ) {
result_1 = []


var val_2 = arr_2[index]
var val_3 = arr_3[index] 

//Проверка существования  curve
curve_check_1 = "curve" in val_1;
curve_check_2 = "curve" in val_2;
curve_check_3 = "curve" in val_3;

if (curve_check_1 || curve_check_2 || curve_check_3){
//Подгон
cur = {type: "cubic", x1:0, y1:0, x2:0, y2:0}

if((curve_check_3 || curve_check_2) &&  !curve_check_1){
val_1['curve'] = cur;
}else if((curve_check_3 || curve_check_1) &&  !curve_check_2){
val_2['curve'] = cur;
} else if((curve_check_1 || curve_check_2) &&  !curve_check_3){
val_3['curve'] = cur;
}

result_1['curve']= [];

result_1['curve']['type'] = "cubic";

if(type == 1){
result_1['curve']['x1'] = fun_1(val_1['curve']['x1'] , val_1['curve']['x1'], val_1['curve']['x1']);
result_1['curve']['y1'] = fun_1(val_1['curve']['y1'] , val_1['curve']['y1'], val_1['curve']['y1']);
result_1['curve']['x2'] = fun_1(val_1['curve']['x2'] , val_1['curve']['x2'], val_1['curve']['x2']);
result_1['curve']['y2'] = fun_1(val_1['curve']['y2'] , val_1['curve']['y2'], val_1['curve']['y2']);
} else if (type == 2){
result_1['curve']['x1'] = fun_2(val_1['curve']['x1'] , val_1['curve']['x1'], val_1['curve']['x1']);
result_1['curve']['y1'] = fun_2(val_1['curve']['y1'] , val_1['curve']['y1'], val_1['curve']['y1']);
result_1['curve']['x2'] = fun_2(val_1['curve']['x2'] , val_1['curve']['x2'], val_1['curve']['x2']);
result_1['curve']['y2'] = fun_2(val_1['curve']['y2'] , val_1['curve']['y2'], val_1['curve']['y2']);
} else if (type == 3){
result_1['curve']['x1'] = fun_3(val_1['curve']['x1'] , val_1['curve']['x1'], val_1['curve']['x1']);
result_1['curve']['y1'] = fun_3(val_1['curve']['y1'] , val_1['curve']['y1'], val_1['curve']['y1']);
result_1['curve']['x2'] = fun_3(val_1['curve']['x2'] , val_1['curve']['x2'], val_1['curve']['x2']);
result_1['curve']['y2'] = fun_3(val_1['curve']['y2'] , val_1['curve']['y2'], val_1['curve']['y2']);
} else if (type == 4){
result_1['curve']['x1'] = fun_4(val_1['curve']['x1'] , val_1['curve']['x1'], val_1['curve']['x1']);
result_1['curve']['y1'] = fun_4(val_1['curve']['y1'] , val_1['curve']['y1'], val_1['curve']['y1']);
result_1['curve']['x2'] = fun_4(val_1['curve']['x2'] , val_1['curve']['x2'], val_1['curve']['x2']);
result_1['curve']['y2'] = fun_4(val_1['curve']['y2'] , val_1['curve']['y2'], val_1['curve']['y2']);
}

}

if(type == 1){
result_1['x'] = fun_1(val_1['x'] , val_2['x'], val_3['x']);
result_1['y'] = fun_1(val_1['y'] , val_2['y'], val_3['y']);
} else if (type == 2){
result_1['x'] = fun_2(val_1['x'] , val_2['x'], val_3['x']);
result_1['y'] = fun_2(val_1['y'] , val_2['y'], val_3['y']);
} else if (type == 3){
result_1['x'] = fun_3(val_1['x'] , val_2['x'], val_3['x']);
result_1['y'] = fun_3(val_1['y'] , val_2['y'], val_3['y']);
} else if (type == 4){
result_1['x'] = fun_4(val_1['x'] , val_2['x'], val_3['x']);
result_1['y'] = fun_4(val_1['y'] , val_2['y'], val_3['y']);
}




result.push(result_1);






});


console.log(arr_1);

console.log(result);

但由于某种原因，我似乎无法正确处理。谁能帮我这个？

我有这个代码

var camera = new THREE.PerspectiveCamera(65,  1000 / 600, 0.1, 20000 );  
camera.position.set(  350, 325, 650 );

renderer.shadowMap.enabled = true;  

var DiLight = new THREE.DirectionalLight(0xFDFCEB, 0.5)  
DiLight.castShadow = true; 
DiLight.visible = false; 
DiLight.shadow.camera.left = -100;
DiLight.shadow.camera.bottom = -100;
DiLight.shadow.camera.right = 100;
DiLight.shadow.camera.top = 100;
scene.add(DiLight);

var  plane = new THREE.Mesh( new THREE.PlaneBufferGeometry( 5000, 5000 ),  THREE.MeshStandardMaterial( { color: 0x808080, roughness: 0, metalness: 0 } ) );
plane.rotation.x = floor_rotat ;
plane.receiveShadow = true;
plane.position.y = -200 ;
scene.add(  plane );

var bdf = new THREE.Mesh(new THREE.BoxBufferGeometry(400, 400, 400), THREE.MeshStandardMaterial( { color: 0x808080, roughness: 0, metalness: 0 } ));
bdf.receiveShadow = true;
scene.add( bdf );   

但是由于某种原因阴影没有显示，我改变了大小，可能会影响阴影的显示或者我忘记包含整个代码，我不能给出它，因为它太长了

我可以以某种方式缩短此代码而不会失去其功能吗？

 // Перевод в проценты
  function per(num, par) {
    return Number(num / 100 * par);
  }

  var block_size = 200;
  var block_sped = 600;
 //Анимацыя вперед
  function ani_show(sped, name) {
      $(name).animate({ height: (per(block_size, 40)) + 'px'}, per(sped, 90),"linear", (function(){ 
        $(name).animate({ height: (block_size) + 'px'},sped, "linear",(function(){   }));
      }));
  }
 //Анимацыя назад
function ani_none(sped, name, name2) {
  $(name).animate({ height: (block_size) + 'px'},0, "linear",(function(){ 
    $(name).animate({ height: (per(block_size, 80)) + 'px'},per(sped, 10),"linear", (function(){
      $(name).animate({ height: (0) + 'px'},per(sped, 50), "linear",(function(){ 
        ani_show(sped, name2);
      }));
    }));
  }));
}



$( ".but1" ).click(function() {
  var check1_1 =  parseInt($(".block2").css("height"));
  var check2_1 =  parseInt($(".block3").css("height"));
  if(check1_1 == block_size){
    ani_none(block_sped, ".block2", ".block1");
  }
  if(check2_1 == block_size){
    ani_none(block_sped, ".block3", ".block1");
  } 
});

$( ".but2" ).click(function() {
  var check1_2 =  parseInt($(".block1").css("height"));
  var check2_2 =  parseInt($(".block3").css("height"));
  if(check1_2 == block_size){
    ani_none(block_sped, ".block1", ".block2");
  }
  if(check2_2 == block_size){
    ani_none(block_sped, ".block3", ".block2");
  } 
});

$( ".but3" ).click(function() {
  var check1_3 = parseInt( $(".block1").css("height"));
  var check2_3 = parseInt( $(".block2").css("height"));
  if(check1_3 == block_size){
    ani_none(block_sped, ".block1", ".block3");
  }
  if(check2_3 == block_size){
    ani_none(block_sped, ".block2", ".block3");
  } 
});

div{
  background-color:#00fff0;
  overflow:hidden;
  font-size:30px;
  height: 0px; 
}

.block1{
  height: 200px; 
}
 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<a class="but1">but1</a>
<a class="but2">but2</a>
<a class="but3">but3</a>
<div class="block1">text1</div>
<div class="block2">text2</div>
<div class="block3">text3</div>

我有这个代码

can = document.getElementById('canvas'); 
can.width = 500; 
can.height = 500; 

var ctx = can.getContext('2d'); //Выбрать пространство

//Функция рисования
$( "#canvas" ).dblclick(function() {
  ctx.closePath();
  ctx.fill();//Заполнение 
  ctx.beginPath();
});

can.addEventListener('mousedown', function(e){
  ctx.strokeStyle = 'red';
  ctx.fillStyle = 'red' //Цвет	
  ctx.lineTo(e.clientX, e.clientY); //Координаты линий
  ctx.lineWidth = 10;//Толщина линий
  ctx.arc(e.clientX, e.clientY, 10 / 20 ,0, Math.PI * 2);	 //Круг
  ctx.stroke();
});

#canvas{
     background-color:#46bba4;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<canvas id="canvas" style="display: block;"></canvas>

之后，问题是为什么画笔在急转弯时会移到一边。为什么在改变 can.width 的大小时；和 can.height; 画笔的中心远离光标的地方 谁能帮忙解决这个问题？

我有一个关联的数组（对象）。

    var test_array = {
    "things":{
      "equipment":{
        "car":{
          "id1":   "00",
        "id2":   "01" 
        },
        "engine":{
          "id3":   "02",
        "id4":   "03" 
        }
      },
      "organics":{
        "flor":{
          "id5":   "04",
        "id6":   "05" 
        },
        "mushrooms":{
          "id7":   "06",
        "id8":   "07" 
        }
      }
    }
    };

并将元素的存储路径作为数组。

     var way = ['things','equipment','car']

我想使用 forEach 方法来获取数组 test_array 的元素

类似物

      test_array['things']['equipment']['car']

用于进一步编辑。添加和删​​除元素。

我试过这样

    array_clone2 = test_array; 
    way.push($(this).attr("id")) 
    way.forEach(function(element) {
    array_clone2  = array_clone2[element];
    });
    console.log(array_clone2);

但我意识到我只是在创建数组的副本，从主元素中删除任何元素都行不通。有没有人有解决方案如何做到这一点？

我有几个模型（几何），它们都是不同的尺寸和格式

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var materials = new THREE.MeshBasicMaterial({ color: "red"}) ;
var cube = new THREE.Mesh(geometry, materials);
scene.add(cube);


var topy = 'models/JSON/111.json';
    var loader = new THREE.ObjectLoader();
      loader.load(
        topy,
        function ( obj ) {           
         scene.add( obj ); 
      });

            var loader = new THREE.TextureLoader();
            var normal = loader.load( 'models/3ds/portalgun/textures/normal.jpg' );
            var loader = new THREE.TDSLoader( );
            loader.setResourcePath( 'models/3ds/portalgun/textures/' );
            loader.load( 'models/3ds/portalgun/portalgun.3ds', function ( object ) {
                object.traverse( function ( child ) {
                    if ( child instanceof THREE.Mesh ) {
                        child.material.normalMap = normal;
                    }
                } );
                scene.add( object );
            } );

            var loader = new THREE.ThreeMFLoader();
            loader.load( 'models/3MF/Mi-24.3mf', function ( object ) {
                scene.add( object );
            } );

我需要所有模型以相同的尺寸和相同的位置显示

因为我有一个楼层，模型应该显示在中心

var floor_gam = new THREE.PlaneBufferGeometry( 2000, 2000 ) ;
var floor_rotat = - Math.PI / 2;
var mat_standart = new  THREE.MeshStandardMaterial( { color: 0x808080, roughness: 0, metalness: 0 } ) ; 

var  object_floor_standart = new THREE.Mesh( floor_gam, mat_standart );
object_floor_standart.rotation.x = floor_rotat ;
object_floor_standart.receiveShadow = true;
scene.add(  object_floor_standart );

谁不知道如何做到这一点？我试过了

 var center = obj.geometry.boundingSphere.center;
 controls.target.set( center.x, center.y, center.z );

但这并不适用于所有模型，只是将相机调整为模型，反之亦然

我写了以下代码来改变场景中的性别

action_floor_glass.onChange( function (opt_none) {
    if (opt_none== true){   
  geometry_floor2.visible = false; 
  geometry_floor1.visible = true; 
  }  
    if (opt_none== false){
  geometry_floor1.visible = false;
  geometry_floor2.visible = true;
  }
} );


  var plane_gam = new THREE.PlaneBufferGeometry( 2000, 2000 ) ;

  var glass_mat = { clipBias: 0.003, textureWidth: window.innerWidth * window.devicePixelRatio, textureHeight:  window.innerHeight * window.devicePixelRatio, color: 0x889999, recursion: 1 } ;

  var plane_mat = new  THREE.MeshStandardMaterial( { color: 0x808080, roughness: 0, metalness: 0 } ) ;                  

  var  geometry_floor1 =  new THREE.Reflector(plane_gam,  glass_mat);
  geometry_floor1.rotation.x = - Math.PI / 2;
  geometry_floor1.receiveShadow = true
  geometry_floor1.visible = false;
  scene.add(  geometry_floor1 );

  var  geometry_floor2 = new THREE.Mesh( plane_gam, plane_mat );
  geometry_floor2.rotation.x = - Math.PI / 2;
  geometry_floor2.receiveShadow = true;

  scene.add(  geometry_floor2 );

一切正常。但我对是否有可能以某种方式缩短此代码的问题很感兴趣，这样它就不会改变对象本身，而是它的属性（材料）？

像这样的东西

var geometry = new THREE.PlaneBufferGeometry( 2000, 2000 ) ;
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );


 var controllerDecor = gui.add( params, 'material', [ 'Basic ', 'Phong', 'depthBasic', 'depthRGBA' ] );

 controllerDecor.onChange(function(opt_none){
if (opt_none == 'Basic '){  
  material = materialBasic 
    }  
if (opt_none== 'Phong'){
         material = materialPhong 
    }
  });   
                    var materialBasic = new THREE.MeshBasicMaterial( { color: 0x990000 } );
                    var materialPhong = new THREE.MeshPhongMaterial( { color: 0x00ff00 } );

var cube = new THREE.Mesh( geometry, material );
scene.add( cube );

我需要将在 javascript 中创建的 HTML 代码的结果以常规 HTML 代码的形式保存到变量或数组中，为此我创建了以下代码

var youf = [];
var STICKIES = (function() {
  var initStickies = function() {
      $("<div />", {
        text: "+",
        "class": "add-sticky",
        click: function() {
          createSticky();
        }
      }).prependTo(document.getElementById('hint-add'));
      initStickies = null;
    },
    openStickies = function() {
      initStickies && initStickies();
      for (var i = 0; i < localStorage.length; i++) {
        createSticky(JSON.parse(localStorage.getItem(localStorage.key(i))));
      }
    },
    createSticky = function(data) {
      data = data || {
        id: +new Date(),
        top: "40px",
        left: "40px",
        text: "Note Here",
        width: '100px',
        height: '100px'
      }
      var content_zametki = $("<div />", {
          "class": "sticky",
          'id': data.id
        })
        .prepend($("<div />", {
            "class": "sticky-header"
          })
          .append($("<span />", {
            "class": "sticky-status",
            text: "status",
            click: saveSticky
          }))
          .append($("<span />", {
            "class": "close-sticky",
            text: "Х",
            click: function() {
              deleteSticky($(this).parents(".sticky").attr("id"));
            }
          })))
        .append($("<div />", {
          html: data.text,
          contentEditable: true,
          "class": "sticky-content",
          keypress: markUnsaved
        })).resizable({
          handle: "div.sticky-content",
          stack: ".sticky",
          start: markUnsaved,
          stop: saveSticky
        })
        .draggable({
          handle: "div.sticky-header",
          stack: ".sticky",
          start: markUnsaved,
          stop: saveSticky
        })
        .css({
          position: "absolute",
          "top": data.top,
          "left": data.left,
          "width": data.width,
          "height": data.height
        }).focusout(saveSticky);
      content_zametki.appendTo(document.getElementById('hint-container'));
      var html_cont = content_zametki.html()
      youf.push(html_cont);
    },
    deleteSticky = function(id) {
      localStorage.removeItem("sticky-" + id);
      $("#" + id).fadeOut(200, function() {
        $(this).remove();
      });
    },
    saveSticky = function() {
      var that = $(this),
        sticky = (that.hasClass("sticky-status") || that.hasClass("sticky-content")) ? that.parents('div.sticky') : that,
        obj = {
          id: sticky.attr("id"),
          top: sticky.css("top"),
          left: sticky.css("left"),
          width: sticky.css("width"),
          height: sticky.css("height"),
          text: sticky.children(".sticky-content").html()
        }
      localStorage.setItem("sticky-" + obj.id, JSON.stringify(obj));
      sticky.find(".sticky-status").text("saved");
    },
    markUnsaved = function() {
      var that = $(this),
        sticky = that.hasClass("sticky-content") ? that.parents("div.sticky") : that;
      sticky.find(".sticky-status").text("unsaved");
    };
  return {
    open: openStickies,
    init: initStickies
  };
}());
STICKIES.open();
youf.forEach(function(element) {
  alert(element);
});

在命令的帮助下，content_zametki.html()我能够保存几乎所有的 HTML 代码

<div class="sticky-header"><span class="sticky-status">status</span><span class="close-sticky">Х</span></div>
<div contenteditable="true" class="sticky-content">sder</div>
<div class="ui-resizable-handle ui-resizable-e" unselectable="on"></div>
<div class="ui-resizable-handle ui-resizable-s" unselectable="on"></div>
<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" unselectable="on" style="z-index: 1001;"></div>

但是问题是他没有看到第一个div sticky ，结果整个HTML代码应该在变化中

var html_cont = '<div class="sticky ui-resizable ui-draggable" id="1547153267220" style="position: absolute; top: 127px; left: 651px; width: 811px; height: 308px;"><div class="sticky-header"><span class="sticky-status">status</span><span class="close-sticky">Х</span></div><div contenteditable="true" class="sticky-content">sder</div><div class="ui-resizable-handle ui-resizable-e" unselectable="on"></div><div class="ui-resizable-handle ui-resizable-s" unselectable="on"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" unselectable="on" style="z-index: 1001;"></div></div>';

但是我该怎么做呢，不知道有没有人有什么建议？

我创建了一个 codepen来更好地理解这段代码的作用。

我有这个包含附件 id 的元字段

例如

get_post_meta(get_the_ID(), 'test_file', true)

我需要下载此文件并使用此代码计算元字段中的下载次数。

$postID = get_the_ID;
$number_downlode = get_post_meta($postID, 'downlode_registration', true);
$number_downlode++;
update_post_meta($postID, 'downlode_registration', $number_downlode);

但我不知道该怎么做。

我尝试使用 onclick 命令和 ajax

<?php setPostViews(get_the_ID()); ?>    
<?php $GET11 = wp_get_attachment_url ( get_post_meta(get_the_ID(), 'test_file', true) );?>  
<a href="<?php echo $GET11 ?>" download onclick="isEmail()">Click Me</a>
<script type="text/javascript">
function isEmail() {
    $(document).ready(function(){
            $.ajax({
                type: 'POST',
                url: 'script.php',
                success: function(data) {
                 document.write("data");
                }
            });

}); }
</script>

脚本.php

$postID = get_the_ID;
$number_downlode = get_post_meta($postID, 'downlode_registration', true);
$number_downlode++;
update_post_meta($postID, 'downlode_registration', $number_downlode);

但是script.php文件看不到wordpress

我还尝试使用 POST 方法下载文件

<?php 
  if ( get_post_meta(get_the_ID(), 'test_file', true) ) : 
  $GET11 =   get_post_meta(get_the_ID(), 'test_file', true) ;
?>
<form method="POST">
    <input type="submit" value="downlode" name="test_downlode">
</form>
<?php if ($_POST['test_downlode']){ 
$number_downlode = get_post_meta($postID, 'downlode_registration', true);
$number_downlode++;  
update_post_meta($postID, 'downlode_registration', $number_downlode);
$file = ($GET11);
 if (file_exists($file)) {
    if (ob_get_level()) {
      ob_end_clean();}
    header('Content-Description: File Transfer');
    header('Content-Type: application/octet-stream');
    header('Content-Disposition: attachment; filename=' . basename($file));
    header('Content-Transfer-Encoding: binary');
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    header('Content-Length: ' . filesize($file));
    readfile($file);
    exit;}}
  endif; ?>

但是无论我尝试了多少，页面都看不到 $file 变量中的文件

我需要通过元字段完成计算，因为稍后我将通过 get_posts() 过滤页面。

插件在这里不起作用。

我有这个代码

<a href="images/xxx.jpg" download onclick="isEmail()">Click Me</a>

<script type="text/javascript">
function isEmail() {
    $(document).ready(function(){
            $.ajax({
                type: 'POST',
                url: 'script.php',
                success: function(data) {
                 document.write("data");
                }
            });

}); }
</script>

但问题是当你点击标签时，除了 script.php 本身，一切都消失了

而且我需要当我点击php标签（a）时，代码显示在javascript之后

例如像这样

<script>
  document.write('<?php echo "<h3>tre</h3>";?>');
</script>
<h3>tre</h3>