獲取簡單的Javascript/jQuery工作（滾動到Ariel Flesler）

更新：傑出的先生。 tpaksu解決了我的問題，你可以看到水平ScrollTo在行動@www.visioville.fi/en/獲取簡單的Javascript/jQuery工作（滾動到Ariel Flesler）

我有我的時間與CSS擺弄周圍，但我來的結論，這是幾乎是唯一的事情我不能讓沒有使用Javascript/jQuery的做。

我一直在嘗試實施Goro的建議jQuery.ScrollTo by Ariel Flesler，但我似乎無法以任何方式工作。再加上我是一個Javascript新手，你會明白我的觀點。我下載了最新的jQuery並將其命名爲 '的jquery.js'

這裏的一些來源：

<head> 
<script type='text/javascript' src='../js/jquery.scrollTo-1.4.2-min.js'></script> 
<script type='text/javascript' src='../js/jquery.js'></script> 
</head> 
... 
<div> 
    <p id="gallerytext">...</p> 
    <a title="$(div.smallpics).scrollTo('0%', 800, {axis:'x'});" id="previmg" href="#image1"></a> 
     <div id="smallwindow"> 
      <div class="smallpics"> 
       <ul> 
       <li><a href="#image1"><img alt="Jerseys" src="../images/peliasuja.jpg" /></a></li> 
       ... 
       <li><a href="#image14"><img alt="Drawing" src="../images/kynailya.jpg" /></a></li> 
       </ul> 
      </div> 
     </div> 
    <a title="$(div.smallpics).scrollTo('50%', 800, {axis:'x'});" id="nextimg" href="#image8"></a> 
</div>

然後CSS：

#smallwindow { float:left; overflow/*-y*/: hidden; width:890px; } /* overflow-y whips out the vertical scrollbar */ 

div.smallpics { float:left; position:relative; width:1595px; } 

#previmg, #nextimg { float: left; width: 17px; height: 54px; background: white; overflow: hidden; background: url("images/galleryarrows_17x54.jpg"); } 
#previmg  { background-position: left top; margin-right: 1px; left top; } 
#nextimg  { background-position: right top; position: absolute; float: right; left: 935px; margin-left: 1px; margin-right: 1px; } 
#previmg:hover { background-position: left bottom; } 
#nextimg:hover { background-position: right bottom; } 

.smallpics ul { list-style: none; padding: 0; margin: 0; } 

.smallpics li { float: left; text-align: center; margin-right: 1px; margin-bottom: 1px; white-space: nowrap; }

五郎提到點擊（）事件綁定到我的箭按鈕，但我不知道我應該鍵入什麼「功能」或將代碼放在哪裏。我在.scrollTo事件前面猜測，假設甚至需要click（）。

預先感謝您！在編程和編碼方面，你們絕對是最棒的。

來源

2012-05-17 Riviner

據我所知，有幾個問題。您已將.scrollTo事件代碼放入錨點的標題中。它可能應該在onclick屬性中。但是當完成時，該頁面抱怨JQuery未被初始化。 – Falle1234

謝謝，據我所知，你指的是tpaksu也提到的相同的東西。需要.js文件中的錯誤序列和一些添加的onclick功能。 – Riviner

首先，您需要在jQuery腳本之後包含您的scrollto腳本。

<script type="text/javascript" src="../js/jquery.js"></script> 
<script type="text/javascript" src="../js/jquery.scrollTo-1.4.2-min.js"></script>

，然後，你需要的東西是這樣的：

$("#nextimg").on("click",function(){ 
    $("#smallwindow").scrollTo('50%', 800, {axis:'x'}); 
});

click事件中的函數應該改變。但一旦你得到這個工作，其餘的將很容易弄清楚。

來源

2012-05-17 12:44:15

感謝您的好消息。我並沒有想到，.js文件的順序很重要（嗯，我想是jquery，然後是其他所有內容），但現在我想到了它，它使世界上的一切都變得有意義。我更新了你所建議的方式，如下所示： '' 但它似乎不起作用。我盯着那段文字已經有一段時間了，我開始感受到Javascript語言如何工作的直覺，但即使如此，我似乎也沒有注意到我缺乏的東西:) – Riviner

你做了嗎？這行得通？該腳本不應該在「標題」屬性上，它應該位於''錨標記之後的''代碼內。 –

再次感謝tpaksu，你是一個非常有幫助的人，無法相信！我以爲我嘗試了一切，但沒有奏效，但是當我寫這篇文章時，它發生在我身上，作爲最後一根稻草：「我應該把另一個這些腳本放在之內嗎？我必須失去什麼？」。和魔法終於發生了！我很高興幾乎可以哭泣！ ;）雖然我會假設我們在裏面定義了這個，從那裏我只是「呼叫」到裏散佈的任何類別或ID。它可以工作，但是它的意圖是像這樣工作嗎？不知何故，我覺得我可以把這些放在外部文件上，很像css？ – Riviner

獲取簡單的Javascript/jQuery工作（滾動到Ariel Flesler）

回答

相關問題