jQuery：單擊更改CSS選擇器

Question

運行此命令時，我剛收到{“ error”：“請使用POST請求”}

$("#ricomporreclick").click(function () {
    $("#film").css('visibility', 'hidden');
    $("#ricomporre").css('visibility', 'visible');
});

代碼有什么問題？ 我正在嘗試在不重新加載頁面的情況下更改選擇器..觸發單擊時，應該顯示#film：none和#ricomporre應該是可見的。

http://jsfiddle.net/8Ndba/

Answer 1

只需將return false放在代碼塊的末尾。

更新了您的小提琴

Answer 2

嘗試使用event.preventDefault()來阻止錨標記的默認功能，

$("#ricomporreclick").click(function (e) {
    e.preventDefault()
    $("#film").css('visibility', 'hidden');
    $("#ricomporre").css('visibility', 'visible');
});

演示

Answer 3

更改錨點，以使URL不執行任何操作：

<a href="javascript:void()" id="ricomporreclick">HERE</a> 

演示

Answer 4

您需要使用preventDefault方法停止鏈接的重定向。 我已經編輯了小提琴以顯示此內容

$("#ricomporreclick").click(function (e) {
    $("#film").css('visibility', 'hidden');
    $("#ricomporre").css('visibility', 'visible');
    e.preventDefault();
});

以前發生的事情是它正確地更改了可見性，但是隨后該鏈接重新加載了頁面，從而導致css重置為樣式表。