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

Question

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

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

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

我确定我应该能够向onclick执行的代码中添加其他内容，可能是jQuery，但是我不知道那是什么。 你能帮我吗？

Answer 1

有几种方法可以做到这一点。 一种快速的方法是：

• 只需将这行代码嵌入其中

  $（'＃dates'）。css（'color'，'red'）;

（如果出现日期的容器的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

为了维护，将 javascript编写在外部javascript文件中要好得多 。 也为许多按钮，你不需要写的onclick每一次你可以把它在一个地方

<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>