單擊鏈接后警報不顯示

Question

我創建了一個立即購買鏈接，從我的phpmyadmin數據庫中提取URL。 單擊該鏈接會將產品添加到購物車，但我不希望用戶在單擊鏈接時前往結帳，而是保持在同一頁面上並彈出警告“產品已添加到購物車”。 下面是我當前的腳本，但警報未顯示，用戶轉到該鏈接。 誰能告訴我有什么問題？ 謝謝！

<script>
    $("#shop").onclick(function(event){
        $.post( '" . $producturl[0]->URL . "' );
        event.preventDefault();
        event.stopPropagation();
        console.log('Added To Cart');
    });
</script>


<?php $producturl = ProductURL::find(array('Product'=>$tube1->Tube1));
    if($producturl[0]->URL!=NULL){
        echo '<a href="' . $producturl[0]->URL . '" data-role="button" data-inline="true" data-mini="true" data-theme="d" target="vspage" onclick="' . "_gaq.push(['_trackEvent', 'Buy Now', 'Tube', '" . $tube1->Tube1 . "'" . "]); _gaq.push(['_link', '" . $producturl[0]->URL . "']);" . '" id="shop">Test Cart</a>';

        echo '<a href="#" id="shop">Test2 Cart</a>';
    }
?>

$ producturl [0] - > URL是將當前產品從phpmyadmin拉到購物車的數組

Answer 1

嘗試刪除錨點，使您的文本不再是鏈接，然后使其成為shop ID的范圍：

<?php $producturl = ProductURL::find(array('Product'=>$tube1->Tube1));

        if($producturl[0]->URL!=NULL){
            echo '<span id="shop">Test Cart</span>';
        }
?>

Answer 2

采用

window.alert('Added To Cart') 

代替

console.log('Added To Cart')

Answer 3

你應該有jQuery並改為：

    $( document ).ready(function() {
        $("#shop").click(function(event){ 

          event.preventDefault();

          // Your code here

          // Alert user
          alert('Added To Cart'); 

       });
   });

並且您應該在同一頁面上只有一個唯一ID！ 你有兩個shop ID。

更新：

你也有這個：

$.post( '" . $producturl[0]->URL . "' );

要在javascript中使用php變量，你應該回應它們，例如：

$.post( '<?php echo $producturl[0]->URL;?>' );

我不知道$producturl[0]->URL變量有什么，但這不是更新你的購物車，也許你不需要這個$.post如果你不想做任何東西服務器端現在...也許您只是想更新客戶購物車，如總價格，數量，添加新產品...

但是，如果此時您確實需要從服務器端執行某些操作，請在此處查看$.post文檔

Answer 4

<?php $producturl = ProductURL::find(array('Product'=>$tube1->Tube1));
    if($producturl[0]->URL!=NULL){      
echo '<a href="#shop" id="shop">Test2 Cart</a>';
}
    ?>

<script type="text/javascript">
$(document).on('click', '#shop', function (event) {
$.post( '" . $producturl[0]->URL . "' );
event.stopPropogation();
event.preventDefault();
alert('Product has been added to cart');
});
</script>

這是我現在的代碼，其中警報最終會彈出，但當我轉到頁面時，購物車本身不會更新。 我使用$.post ，這最后一步的任何幫助都會很棒！