我正在尝试在我正在开发的应用程序中实现一些有趣的添加，但似乎无法弄清楚如何让动画完全/正确地工作。

目前我有一些看起来像这样的东西：https ://i.imgur.com/95O1Wul.mp4

我想要实现的目标

我正在尝试创建一个全息图，就像您在一些闪亮的游戏卡或一些钞票或那些 VOID 贴纸上看到的那样。

我使用x设备的位置来确定是否移动渐变的起点和终点。我试图在脑海中弄清楚如何使用这些值来使渐变的起点和终点根据这些值进行移动。如果我合并其他轴，如果设备旋转，它将如何移动。

至于代码，目前我有：

查看模型

final class ContentViewModel: ObservableObject {
  @Published var gyroRotation = CMRotationRate()
  private let manager = CMMotionManager()
  private var timer: Timer?
 
  func startGyroscope() {
    if(manager.isGyroAvailable) {
      manager.gyroUpdateInterval = 1.0
      manager.startGyroUpdates()
      self.timer = Timer(fire: Date(), interval: (1.0/60.0), repeats: true, block: { timer in
        if let data = self.manager.gyroData {
          self.gyroRotation = data.rotationRate
        }
      })
      RunLoop.current.add(self.timer!, forMode: .default)
    }
  }

  func stopGyroscope() {
    if(self.timer != nil) …

这是来自wordpress的comment_meta.在有一个自定义meta_key:评级.

我想获得该帖子所有评级的总和.

这样做的目的是从用户评级中获得平均值.我有评论者的总数,我只需要SUM.

它的使用是针对Schema.org AggregateReview的:<meta itemprop="ratingValue" content=""/>.

我试图通过jQuery添加值,但由于某种原因,架构没有注册稍后在DOM中添加的文本.

var sum = 0;
$('.comment_rate').each(function(){
    numItems = $('.comment_rate').length
    sum += (parseFloat($(this).text()) / numItems);
    $('span[itemprop="ratingValue"]').text(sum);
});

原始邮政

我有这张桌子(对不起,图片只是我知道如何展示的方式):

我想meta_value从匹配中总结一下comment_id.

到目前为止,我有这个,但它整个列不是匹配相同ID的列.

<?php
    $result = mysql_query('SELECT SUM(meta_value) AS value_sum FROM wp_play_commentmeta');
    $row = mysql_fetch_assoc($result);
    $sum = $row['value_sum'];
    echo $sum;
?>

更新（从答案中添加）

(function($) {
    $.fn.longpress = function(longCallback, duration) {

    // set some defaults
    let defaults = {
        click:      function(el, e) {},
        start:      function(el, e) { el.css("color", "#000"); },
        complete:   function(el, e) { el.css("color", "#FFF"); },
        cancel:     function(el, e) { el.css("color", "#F00"); },
        duration:   1000
    };

    // extend the options
    let options = $.extend({}, defaults);

    return this.each(function() {
        var $this = $(this);

        // to keep track of how long something was pressed
        var mouse_down_time;
        var timeout;
        $this.data("clicked", "false");

        // mousedown or touchstart …

我有几个使用wordpress wp_localize_scripts函数将PHP数据传递给JS函数的jQuery 函数：

function mb_scripts_settings() {

    // blanks
    $mb_ajax_form_type = $mb_get_page_slug = $mb_redirect = $mb_redirect_time = $mb_form_disable = $mb_array = '';

    // get the form type
    $mb_ajax_form_type      = ( is_front_page() ? 'change'  : 'submit'  );

    // get the page slug from ID
    $mb_get_page_slug       = get_post_field( 'post_name', get_the_ID() );

    // if the page is admin or password
    if( is_page( array('admin', 'pw') ) ) {
        $mb_redirect        = true;
        $mb_redirect_time   = 3000;
        $mb_form_disable    = true;

        if( is_page('admin') ) {
            // generate the …

好吧，对不起，标题，不太确定如何措辞。

所以我们有一个项目正在进行中，我们根据人们的捐赠提供多种激励措施（类似于 Kickstarter，如果你知道那是什么）。

无论如何，我们一直试图弄清楚的是，当有人徘徊在一个价格范围内时，我们希望他们收到的物品完全不透明，然后对于进一步降低的捐赠价值也是如此。

也许图像会更有意义..

所以蓝色是悬停，当你悬停在“$1+”上时，项目 1、3、4 是不透明的。但是，当您将鼠标悬停在“$15+”上方时，只有第 1、3 项是不透明的。

大约有20个项目，15个价格区间，所有这些都相互关联。

我认为这必须是 JS 中的一个，我对此一无所知。

谢谢 ：]

编辑：谢谢你的所有提示。我已经用 css3 完成了这个项目：不是

后备将是 JS

首先,我设置了jQuery,因此表单不提交:http://jsfiddle.net/FztLS/1/

只有在设置字段时才会提交.我想知道是否有人知道剧本中出了什么问题.

我假设return false;只有在该字段为空时才适用.

另外,如何将类应用于每个空字段,而不仅仅是第一个？

最后,是否有更好的方法来包含无线电盒验证？

关于如何执行此操作,我已经看到很多(在你将其标记为重复之前),但由于某种原因,我的输出无法正常工作:

// $delimiters wanted: ', ' | '; ' | ',' | ';' | ' , ' | ', and ' | ' and ' | ',and '
$str = 'Name 1, Name 2; Name 3;Name4 , Name 5,Name 6, and Name 7,and Name 8 and Name 9';
$delimiter = array(
    ', ',
    '; ',
    ';',
    ',',
    ' , ',
    ', and ',
    ' and ',
    ',and '
);
$str_new = explode( $delimiter[0], str_replace($delimiter, $delimiter[0], $str) );

但是,当我输出数组时,我得到了这个:

<?php foreach($str_new …

我有三个面板，其中只有文本或文本和图像，可以无限循环，并且可以从1-1000张幻灯片进行缩放。

我有以下标记：

<div class="mb-panel-container cf">

    <div class="mb-panel-section mb-slider">

        <div class="mb-panel active">
            <h1>1.1</h1>
            <p>slide 1.1</p>
            <p class="datetime"></p>
        </div>

        <div class="mb-panel">
            <h1>1.2</h1>
            <p>slide 1.2</p>
            <p class="datetime"></p>
        </div>

        <div class="mb-panel">
            <h1>1.3</h1>
            <p>slide 1.3</p>
            <p class="datetime"></p>
        </div>

    </div>



    <div class="mb-panel-section mb-slider">

        <div class="mb-panel active">
            <h1>2.1</h1>
            <p>slide 2.1</p>
            <p class="datetime"></p>
        </div>

        <div class="mb-panel">
            <h1>2.2</h1>
            <p>slide 2.2</p>
            <p class="datetime"></p>
        </div>

        <div class="mb-panel">
            <h1>2.3</h1>
            <p>slide 2.3</p>
            <p class="datetime"></p>
        </div>

    </div>



    <div class="mb-panel-section mb-slider">

        <div class="mb-panel active">
            <h1>3.1</h1>
            <p>slide 3.1</p>
            <p class="datetime"></p>
        </div>

        <div class="mb-panel">
            <h1>3.2</h1>
            <p>slide 3.2</p> …