1. 程式人生 > >Drupal ajax html和bootstrap dropdown button的事件機制

Drupal ajax html和bootstrap dropdown button的事件機制

最近遇到一個特稀奇的一件事情,通過ajax-path獲取出來的列表資料,後面自定義的連結跳轉按鈕無法正常跳轉。

總結一下,網頁載入與jquery的元素繫結機制是這樣的,頁面(document)載入完成後,頁面附帶的所有jquery js檔案會對頁面內容進行篩選繫結各個功能,ajax獲取出來的新頁面需要重新繫結js事件才能進行響應,否則就會出現前面的錯誤,連結地址無法正常跳轉。

下面是修改的程式碼。

      var centent = $('.ajax-content');
      var url = centent.attr('ajax-path');

      function getContent(exectime){
        var parm = {};
        parm['mode'] = mode;
        $.ajax({
          type: "GET",
          url: url,
          data: parm,
          dataType: "html",
          success: function(data) {
            centent.html(data);
            $('li.delete a').once().click(function(){
              return confirm('確定要執行刪除操作!');
            });
          },
          complete: function() {
            Drupal.behaviors.bootstrapDropdown.attach(context); // 注意這裡:頁面載入完成後,需要對這部分html進行事件繫結
} }); } getContent(timestamp);

留作記錄。

相關推薦

Drupal ajax htmlbootstrap dropdown button事件機制

最近遇到一個特稀奇的一件事情,通過ajax-path獲取出來的列表資料,後面自定義的連結跳轉按鈕無法正常跳轉。 總結一下,網頁載入與jquery的元素繫結機制是這樣的,頁面(document)載入完成後,頁面附帶的所有jquery js檔案會對頁面內容進行篩選繫結各個功能,

ajax同步非同步+關於button的小坑

今天在做一個網頁增加功能的時候通過點選button按鈕繫結執行增加操作的事件然後再跳轉到別的頁面 關鍵程式碼: function addbook() { if (btnver()) { var bname = $("#bname").val(); v

ajax傳遞接收引數以及事件委託

   Python序列化         字串 = json.dumps(物件)        物件->字串         物件 = json.loads(字串)           字串->物件              JavaScript:        

使用ajax動態載入html元素時,onclick事件失效

原因:ajax動態載入之前js就載入完了,事件沒有繫結到動態生成的dom元素上。 問題:使用on事件,$('#btn').click(function(){})繫結無效 解決方案:使用on繫結事件。$(document).on('click','#btn',functio

Angular解決IEFirefox下button內部元素ng-click事件被遮蔽

如果我們在button元素內部有其它的子元素並且繫結點選事件,比如: 而我們的程式碼是這樣的: <body ng-controller="ctrl"> <script> angular.module("

ajax從伺服器拿了資料回來迴圈顯示在HTML後不能響應事件

         要做一個檢視歷史記錄的頁面,點選那條記錄會顯示出詳情。ajax從伺服器拿了記錄資訊的資料回來,就把記錄迴圈然後appen出來。頁面顯示沒問題,資料庫有多少記錄全部都顯示出來了,但是,

Button按鈕的按下擡起點選事件

import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; imp

angularbootstrap實現checkbox的點選全選事件

1、angular檔案 app.controller('繫結控制器名稱',['$scope', function($scope){ $scope.checked = []; $scope.toggleCheck = function(id,$index,e

Android:處理ListView條目中的Button的點選事件條目點選事件衝突

一 . 此條方法比較笨.       給條目中的1號區域的Button設定完了點選事件後,再給條目中的2號區域再設定點選事件 二 . 這個方法就比較簡單.     1 . 在ItemView配置的xml檔案中的根節點新增屬性android:descendantFocus

C#內置的事件機制Unity3D姻緣

mono 需要 listen 存在 logs sharp strong 關聯 有一種 最近因為項目,也因為一些其他事情而導致學習的停止,抽個空來記錄下C#內置的事件在Unity3D中的使用。 我需要讓一個物體對鼠標懸停做出事件的響應的情況下,我們通常會創建一個繼承Mon

Nginx事件處理中的connectionread、write事件的關聯

ase handle inux cycle ngx auth eof conn ont /********************************************************************* * Author : Samson

1-ajax概念基本形式

ron world! scrip change req asc 操作 fun and <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title&g

Cocos2D-X2.2.3學習筆記8(處理精靈單擊、雙擊三連擊事件)

屏幕 () rtu cati 輸出 public exit 什麽是 avi 我們依據上一次介紹的觸屏事件和事件隊列等知識來實現觸屏的單擊,雙擊,三連擊事件。 下圖為我們實現的效果圖: 單擊精靈跳躍一個高度, 雙擊精靈跳躍的高度比單擊的高 三連擊精靈跳躍的跟高

JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jQuery中的text()、html()val()

chrom html標簽 sel detail put 替換 not 內容 tail 一、JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jS中設置或者獲取所選內容的值:①innerHTML :屬性設置或返回該

整合djangobootstrap框架

word log ons 替換 shee head base 版本 fin 環境: python版本:2.7.8 django版本:1.7.1 bootstrap版本:3.3.0 首先github上面有兩個開源的項目用來整合django和bootstrap. ht

HTMLCSS中的居中效果(1)

htm inner height overflow n-1 txt posit splay read HTML和CSS中的居中效果 單行上下左右居中 Html: <div class=”container”></div> CSS:

EditPlus設置htmljs文件的註釋快捷鍵

一個 script 新的 mage scrip src edi 重新 避免 EditPlus默認是可以通過快捷鍵註釋html的,格式是 <!-- </label> <label>類型</label>

html5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML HTML5?

als ie8 mil oct scrip locals bsp 框架 canvas 新特性: 1. 拖拽釋放(Drag and drop) API 2. 語義化更好的內容標簽(header,nav,footer,aside,article,section) 3. 音頻、視

三級聯動使用Jquerybootstrap進行布局

head .com ont red app urn 使用 文件內容 ots 網頁的html代碼 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <titl

ajax同步異步的切換

完成 ajax 語句 同步參數 tro div 第一個 () acid ajax為網頁提供了非常不錯的異步機制,但是有時候兩個ajax放在一起,希望第一個完成後再繼續第二個ajax的執行。這時候可以將第一個ajax代碼帶上同步參數即可,如下: $.