檢查不同/其他網頁上選擇使用jQuery

單選按鈕我有view.phtml和detail.phtml兩頁。的detail.phtml的內容被包括/裝入view.phtml。我在view.phtml有單選按鈕。如果我選擇一個單選按鈕，我想說明的圖片（see Fiddle here）我現在的問題是，該<div id="hS" class="haekchen"></div><p>Choose an option</p>部分是detail.phtml和單選按鈕是view.phtml。檢查不同/其他網頁上選擇使用jQuery

現在我想在detail.phtml中顯示圖片，如果在view.phtml中選擇了單選按鈕。

這是否是正確的電話從view.phtml得到單選按鈕？ jQuery('#options').load('ajax/view.phtml');如何處理數據，如果該調用不會完全錯誤？

來源

2014-04-01 user3432078

取決於內容從一個頁面加載到彼此的方式。如果您正在使用像'包括（「detail.phtml」）'在PHP或類似的，那麼你應該能夠從'detail.phtml'選擇元素，就好像它是當前頁面的一部分。即使你動態加載其他頁面，像AJAX，你仍然應該能夠只選擇元素，通常有通過ID或類。 – Ermir

好吧，我想我明白了。我也忘了在某一時刻關閉支架，所以它根本無法工作。謝謝你的幫助。 – user3432078

這工作：

view.phtml：

<div id="container" ></div> 
<label><input id="option1" type="radio" name="dressing" value="Dressing">Option 1</label> 
<label><input id="option2" type="radio" name="dressing" value="Dressing">Option 2</label> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#container').load('detail.phtml'); 
     $('#option1').on('change', function(){ 
      if ($(this).is(":checked")) { 
       $('#hS').fadeIn('slow'); 
      } 
     }); 
     $('#option2').on('change', function(){ 
      if ($("#option2").is(":checked")) { 
       $('#hS').fadeOut('slow'); 
      } 
     }); 
    }); 
</script>

detail.phtml：

<div id="hS" class="haekchen" hidden ></div><p>Choose an option</p>

來源

2014-04-08 08:00:55 Oleh

檢查不同/其他網頁上選擇使用jQuery

回答

相關問題