Question

我有一个页面，用户可以在其中点击侧边栏中的日期，该日期自动将该日期添加到表单，并使用AnimateScroll.js向下滚动到表单。这很好。

我还在页面的主要部分有一个按钮，当单击时，再次使用AnimateScroll向上滚动到日期列表的顶部，以便用户可以单击他们想要的日期。这也很好，但我想做的还是以红色突出显示日期列表上方的段落，以便用户清楚地看到他们应该做的事情。 AnimateScroll的调用方式如下：

 <a class="button" onclick="$('#dates').animatescroll({scrollSpeed:700,easing:'easeInOutSine'});">Book Now</a>

我确信我应该能够在onclick执行的代码中添加其他东西，可能是jQuery，但我不知道那是什么。你能帮忙吗？

Answer 1

有几种方法可以做到这一点。一个简单的方法是：

只需将这行代码嵌入

$（ '＃日期'）的CSS（ '颜色'， '红'）;

（如果出现日期的容器的id为'dates'，否则请检查容器的类或id并相应地更改选择器。

Answer 2

为段落说出id id =“Paragraph”<p id="Paragraph"> Please chhose the date</p>

现在，在你的onclick中添加一行

<a class="button" onclick="$('#Paragraph').css('color','red'); $('#dates').animatescroll({scrollSpeed:700,easing:'easeInOutSine'});">Book Now</a>

这会实现你想要的...... !!

Answer 3

对于maintanance 在外部javascript文件中编写javascript会更好。对于许多按钮，你不需要每次只能在一个地方写

<a class="button" href="javascript:;">Book Now</a>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('.button').on('click',function(){
            $('#dates').css({
                'font-size' : '10px',
                 width : '30px',
                 height : '10px'
             });
            $('#dates').animatescroll({scrollSpeed:700,easing:'easeInOutSine'});
        });
    });
</script>

使用JQuery和滚动代码更改文本颜色

3 个答案: