Question

我的jquery / java技能不存在......我需要一些快速的帮助：

我的老板希望有一个表格，顾客写评论和明星折扣然后点击提交;如果他们选择超过3颗星，则会将他们带到一个单独的页面，而不是那些提交评论较少的人。

是否可以使用j查询按钮根据所选星号动态更改链接？

我正在使用j查询星级评分插件：

    <script type="text/javascript" src="../src/rating.js"></script>
    <link rel="stylesheet" href="../src/rating.css" type="text/css" media="screen" title="Rating CSS">

    <script type="text/javascript">
        $(function(){
            $('.container').rating();
        });


    </script>
</head>

<body>

<h1><a title="Full Documentation" href="http://irfandurmus.com/projects/jquery-star-rating-plugin/">jQuery Star Rating Plugin</a></h1>

    <section class="container">
        <input type="radio" name="example" class="rating" value="1" />
        <input type="radio" name="example" class="rating" value="2" />
        <input type="radio" name="example" class="rating" value="3" />
        <input type="radio" name="example" class="rating" value="4" />
        <input type="radio" name="example" class="rating" value="5" />
    </section>

<script type="text/javascript">
if  $('.container').rating(4,5) {
    echo "<a href="eventual link> Click here to receive your discount code</a>" ;
}
else $('.container').rating(1,2,3) {
    echo "<a href="eventual link>Click here to recieve your discount code</a>";
}
   </script>

Answer 1

$('.container').rating({
     callback: function(value){
          if(value > 3){
               $('.container').after('<a href="eventual link"> Click here to receive your discount code</a>');
          }else{
               $('.container').after('<a href="eventual link"> Click here to receive your discount code</a>');
          }
     }
});

Answer 2

您可以编写一个函数onClick()，将其附加到提交按钮（或您想要的任何元素），然后在方法内部说

if (stars >= 3) {
 window.location = 'http://www.mysite.com/goodratingpage'
} else
 window.location = 'http://www.mysite.com/badratingpage'
}

window.location（您可能已经猜到了）只是将用户重定向到另一个页面。

Answer 3

使用此very similar question的答案，您可以将回调附加到星级评分的点击事件。

$('.container').rating({ 
  callback: function(value, link){ 
     if (value > 3)
        window.location.href = "http://example.org";
     else
        window.location.href = "http://stackoverflow.com";
  } 
});

Jquery明星和“If then”按钮链接

3 个答案: