通過點擊鏈接填寫輸入字段 - 不工作

Question

我想通過單擊鏈接填寫輸入字段。這個鏈接的href應該決定在這個輸入字段中填充什麼。

$(".search_item").click(function(){ 
    var selectedChamp=$(this).attr('href').split('=')[1]; 
    $('.textfield').val(selectedChamp); 
     return false; 
}); 

我用下面的jsfiddle：http://jsfiddle.net/charlietfl/5u3BZ/ 但我就是不能讓它爲自己工作。

使用JSRender生成鏈接。

本頁內容：http://lorebook.net/lore/你可以看到我想要達到的目標。 在頂部的欄中填寫一些東西（只需輸入字母「A」就會顯示一些結果），那裏的鏈接應該在輸入字段中輸入一些內容。

奇怪的是，在這個頁面的底部有幾個實際上工作的鏈接。他們使用完全相同的代碼，但出於某種原因，他們工作，而其他鏈接不。

幫助將不勝感激。

Answer 1

我認爲這應該工作：

pr = ""; 
setInterval(function(){ 
    if(document.location.hash != pr){ 

    $('.textfield').val(document.location.hash.split('=')[1]); 

    // Do what you want 

    pr = document.location.hash; 
    } 
}, 50); 

Answer 2

您應該使用.preventDefault(); ，以便點擊觸發替代事件。

$(".search_item").click(function(e){ 
    e.preventDefault(); 
    var selectedChamp=$(this).attr('href').split('=')[1]; 
    $('.textfield').val(selectedChamp); 
}); 

我在你的頁面上測試過它，它對我適用這個小改動適用。

編輯︰我把這回...因爲問題不是腳本本身......並且它已經做了正確的事情，如果我把它放到控制檯......這意味着在那個時候腳本被啓動，它不會找到它需要的DOM元素。

• 如果我搜索之前啓動腳本...這是行不通的...
• 如果我搜索，然後將腳本粘貼到控制檯...它找到.search_item元素和按預期工作。

所以我不知道您的文本框上面的腳本當前所在......但你應該把它僅在搜索結果的要素已經被加載，並可在DOM中找到。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.