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