簡體   English   中英

如何使用ajax捕獲鼠標離開值

[英]How can I catch mouse leaving values using ajax

我正在使用 jquery 價格滑塊根據價格范圍對數據進行排序。在這種情況下,直接聲明了最小值和最大值。但是,現在我需要更改此方法。 現在,我想通過更改滑塊范圍來獲得結果。(不是通過單擊查找按鈕)。 那么,如何從價格范圍滑塊中捕捉鼠標離開值(最小值和最大值)。 這是我的代碼

include('db.php');
    if($_POST)
    {
        mysqli_real_escape_string($connection,$_POST['amount']);
        $values = str_replace(' ','',$_POST['amount']);
        $values = str_replace('$','',$values);
        $values = explode('-',$values);
        $min = $values[0];
        $max = $values[1];
        $res = mysqli_query($connection,'select id,product,price, DATE_FORMAT(date,"%D %b-%Y") as date from products where price BETWEEN "'.$min.'" AND "'.$max.'"');
        $count  =   mysqli_num_rows($res);
        $HTML='';
        if($count > 0)
        {
            while($row=mysqli_fetch_array($res))
            {
                $id         = $row['id'];
                $product    = $row['product'];
                $price      = $row['price'];
                $date       = $row['date'];

            $HTML .= '<div>';
            $HTML .= 'Product ID: '.$id;
            $HTML .= '<br />Product Name: '.$product;
            $HTML .= '<br />Price: <strong>$'.$price.'</strong> Posted on: '.$date;
            $HTML .= '</div><br /><hr />';
        }
    }
    else
    {
        $HTML='No Data Found';
    }
}
else
{
    $min = 30;
    $max = 700;
    $HTML='Search Products in range.';
}

?>
this is my script

    <script type="text/javascript">
    $(function() {
        $( "#slider-range" ).slider({
          range: true,
          min: 0,
          max: 1000,
          values: [ <?php echo $min; ?>, <?php echo $max; ?> ],
          slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
          }
        });
        $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
          " - $" + $( "#slider-range" ).slider( "values", 1 ) );
      });
    </script>
    <body>
        <div>

使用 mouseleave() jQuery 函數。 在此處閱讀文檔: https : //api.jquery.com/mouseleave/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM